You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+30-4Lines changed: 30 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
11
11
12
12
## HTML Basics
13
13
14
-
-**Role of HTML**: Foundation of web structure.
14
+
-**Role of HTML**: HTML (Hypertext Markup Language) is the foundation of web structure, defining the elements of a webpage.
15
15
-**HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
16
+
-**HTML Structure**: HTML consists of a `head` and `body`, where metadata, styles, and content are structured.
17
+
-**Common HTML Elements**: Headings (`<h1>` - `<h6>`), paragraphs (`<p>`), and div containers (`<div>`).
16
18
-**`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold other HTML elements.
17
19
-**Void Elements**: Do not have a closing tag (e.g., `<img>`).
18
20
-**Attributes**: Adding metadata and behavior to elements.
@@ -60,8 +62,14 @@ Review the concepts below to prepare for the upcoming prep exam.
60
62
## Importance of Semantic HTML
61
63
62
64
-**Structural hierarchy for heading elements**: It is important to use the correct heading element to maintain the structural hierarchy of the content. The `h1` element is the highest level of heading and the `h6` element is the lowest level of heading.
63
-
-**Presentational HTML elements**: Elements that define the appearance of content. Ex. the deprecated `center`, `big` and `font` elements.
64
-
-**Semantic HTML elements**: Elements that hold meaning and structure. Ex. `header`, `nav`, `figure`.
65
+
-**Presentational HTML elements**: Elements that define the appearance of content. Ex. the deprecated `center`, `big`, and `font` elements.
66
+
-**Semantic HTML elements**: These elements provide meaning to the structure of the content. Examples include:
67
+
-`<header>`: Represents introductory content.
68
+
-`<nav>`: Contains navigation links.
69
+
-`<article>`: Represents self-contained content.
70
+
-`<aside>`: Used for sidebars or related content.
71
+
-`<section>`: Groups related content within a document.
72
+
-`<footer>`: Defines the footer for a section or document.
65
73
66
74
## Semantic HTML Elements
67
75
@@ -86,7 +94,25 @@ Review the concepts below to prepare for the upcoming prep exam.
86
94
87
95
## HTML Form Elements and Attributes
88
96
89
-
-**`form` element**: used to create an HTML form for user input.
97
+
### Tables
98
+
99
+
-**HTML tables (`<table>`)**: Used for tabular data.
100
+
-**Table components**:
101
+
-`<thead>`: Groups the table header content.
102
+
-`<tbody>`: Groups the main body of table data.
103
+
-`<tfoot>`: Groups footer information.
104
+
-`<tr>`: Defines table rows.
105
+
-`<th>`: Defines header cells.
106
+
-`<td>`: Defines standard data cells.
107
+
-**Use `<caption>`** to provide a table description.
108
+
109
+
### Forms
110
+
111
+
-**`form` element**: Used to create an HTML form for user input.
112
+
-**`action` attribute**: Defines where to send form data.
113
+
-**`method` attribute**: Determines how form data is sent (`GET` or `POST`).
0 commit comments