# Dr. Mahalingam College of Engineering and Technology - Virtual Internship Program - Week 1

**URL:** <https://community.kandi.dev/t/dr-mahalingam-college-of-engineering-and-technology-virtual-internship-program-week-1/13533>\
**Category:** MCET - Virtual Internship Program\
**Created:** [July 17, 2023, 5:17am UTC](https://community.kandi.dev/t/dr-mahalingam-college-of-engineering-and-technology-virtual-internship-program-week-1/13533 "2023-07-17T05:17:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![community.admin](https://avatars.discourse-cdn.com/v4/letter/c/5fc32e/32.png) [@community.admin](https://community.kandi.dev/u/community.admin)\
**Post date:** [July 17, 2023, 5:17am UTC](https://community.kandi.dev/t/dr-mahalingam-college-of-engineering-and-technology-virtual-internship-program-week-1/13533/1 "2023-07-17T05:17:59Z")

</div>

![CSS for Beginners!](https://canada1.discourse-cdn.com/flex031/uploads/kandi1/original/2X/2/23155405e9b7be27a282facd6cfa175c055419cc.png)

Congratulations on choosing to participate in the **Virtual Internship Program on Web Development** with **Open Weaver!** This 4-week program is designed to be an interactive & practical internship and will help you gain industry-ready skills through project-based learning. The internship will consist of **3 Bootcamps (1 per week)** , a few **coding exercises, a project, and a final assessment.**

### WEEK 1 - WEB DEVELOPMENT

Today, our **focus will be on how HTML/CSS** creates and styles web pages, empowering us to design visually engaging layouts and deliver rich content. With HTML’s structural elements and CSS’s powerful styling properties, we can shape the digital landscape and bring our **creative visions to life**. Through today’s Bootcamp and this week’s exercises, we will learn the essentials of HTML and CSS, including how to create Tags, Elements, lists, & Hyperlinks to start building your own beautifully **designed web pages**.

### Learning Objectives

After completing this course you will:

- Have a good working knowledge of the Fundamentals of **HTML/CSS Programming**.
- Learn various concepts like **Tags** , **Elements, lists, & Hyperlinks**.
- Get a food recipe web page that you can customize as per your own requirements and create a tailored **user experience**.

* * *

### 10-Min Tutorial

Unlock the potential of **web development** by immersing yourself in a collection of hands-on exercises focused on HTML/CSS. This tool offers a beginner-friendly approach, empowering you to grasp the essentials of programming and kickstart your journey toward creating **stunning web pages**.

Watch this tutorial on the Basics of HTML/CSS & learn how to gain a solid understanding of these core web technologies and discover how to create visually appealing **web pages from scratch**. **Revisit the concepts** discussed during the live session in this **10-min tutorial video**. If you would like to watch the recording of the entire bootcamp please click [**HERE**](https://www.youtube.com/watch?v=TF2pigWnyuo).

[![](https://canada1.discourse-cdn.com/flex031/uploads/kandi1/original/2X/f/f56bb4d8942bed4e2364b43812310bd69d74185d.jpeg "Learn the Basics of HTML/CSS Programming | Source Code Included | kandi tutorial") ](https://www.youtube.com/watch?v=ESnPpH_fj64)

* * *

### Practical Exercise

Click the below button to access the basics of HTML/CSS kandi kit. This kit has all the required dependencies and resources you need to build your application.

Click on the 1-Click Installer button on the kandi kit page to install the basics of HTML/CSS kit. On installing and running this kit, you will have a working model that you can customize and use in your project.

[![kandi 1-Click Kit - Dark](https://canada1.discourse-cdn.com/flex031/uploads/kandi1/original/2X/5/53c3b6ee26f0df0f295ef0bb555be4b86f965ea6.png)](https://kandi.openweaver.com/collections/user-interface/basics-of-html-css-programming)

* * *

### Week 1 Coding Exercises

Complete interesting coding exercises and receive your **first level badge** for this internship! Submit your solutions by adding a **screenshot of the code and the output** in the form.

**It is mandatory for you to complete your weekly Coding Exercises in order to receive your Internship Completion Certificate.**

[![Coding Exer](https://canada1.discourse-cdn.com/flex031/uploads/kandi1/original/2X/5/5a5fe8b2c88c4b04e3d696176b20c8076fd8fc24.png)](https://forms.gle/9aC4X6whGLCk5VSW7)

Below are two sample coding exercises that will help you advance in your journey in HTML/CSS. To get started, use the relevant keywords to search for simple code snippets in the search bar on **[kandi](https://kandi.openweaver.com/)**.

**Sample Exercise 1 -** [**Heading tag \< h \>**](https://kandi.openweaver.com/search/codesnippet?q=%3Ch%3E%20heading%20tag%20in%20html) **:** The \< h1 \> to \< h6 \> tags are used to define HTML headings. \< h1 \> defines the most important heading. \< h6 \> defines the least important heading.

**Sample Exercise 2 -** **[Image tag in HTML \< img \>](https://kandi.openweaver.com/search/codesnippet?q=img%20tag%20in%20html):** The \< img \> tag is used to embed an image in an HTML page. The \< img \> tag has two required attributes:

- src - Specifies the path to the image.
- alt - Specifies an alternate text for the image, if the image for some reason cannot be displayed.

* * *

### Support

Reach out to us by clicking on the **reply** button below for any help you may need with this course. You may also use the **[chat](https://community.openweaver.com/chat/c/kandi-support/3)** feature for support. To access the reply and chat feature, please **sign-in** to the the **[Community](https://community.openweaver.com/)**.

We hope you enjoyed using kandi! Continue your learning journey with kandi ![Congrats](https://canada1.discourse-cdn.com/flex031/uploads/kandi1/original/2X/5/50c39302423a139f3d103c6c8e7e947249d6fae1.png)
