# Unit 1: Introduction to Frontend Development (CS290) ## 1. Basics of Frontend Development ### 1.1. Introduction to HTML5 * **Definition**: **HTML (HyperText Markup Language)** is the standard markup language for documents designed to be displayed in a web browser. It defines the **structure and content** of web pages. * **Key Concepts**: * **Elements**: Building blocks of HTML, defined by **tags** (e.g., `

`, `

`, ``). * Tags: Enclose content and specify its meaning (e.g., `
This is a paragraph.
`). * Attributes: Provide additional information about an element (e.g., ``). * Document Structure: * ``: Declares the document type as HTML5. * ``: Root element of an HTML page. * ``: Contains meta-information about the HTML document (title, links to CSS, etc.). * ``: Contains the visible content of the HTML document. ```markdown Page Title

My First Heading

My first paragraph.

``` * **Semantic Tags**: Tags that convey meaning about the content they enclose, improving **accessibility and SEO**. * `

`: Introduces introductory content or navigational links. * `

`: Represents a section of a website with navigation links. * `

`: Specifies the main content of a document. * `

`: Represents a self-contained piece of content. * `

`: Defines a thematic grouping of content. * `

`: Represents content tangentially related to the main content. * `