Skip to content

Commit 0c05bc8

Browse files
JarydStmoT01
andauthored
fix(curriculum): update HTML Review chapter with missing sections (freeCodeCamp#59235)
Co-authored-by: moT01 <[email protected]>
1 parent f8c5a86 commit 0c05bc8

File tree

1 file changed

+30
-4
lines changed

1 file changed

+30
-4
lines changed

curriculum/challenges/english/25-front-end-development/review-html/671a883163d5ab5d47145880.md

Lines changed: 30 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
1111

1212
## HTML Basics
1313

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.
1515
- **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>`).
1618
- **`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.
1719
- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
1820
- **Attributes**: Adding metadata and behavior to elements.
@@ -60,8 +62,14 @@ Review the concepts below to prepare for the upcoming prep exam.
6062
## Importance of Semantic HTML
6163

6264
- **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.
6573

6674
## Semantic HTML Elements
6775

@@ -86,7 +94,25 @@ Review the concepts below to prepare for the upcoming prep exam.
8694

8795
## HTML Form Elements and Attributes
8896

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`).
114+
- **Common Input Types**:
115+
- `text`, `email`, `password`, `radio`, `checkbox`, `number`, `date`.
90116
- **`action` attribute**: used to specify the URL where the form data should be sent.
91117
- **`method` attribute**: used to specify the HTTP method to use when sending the form data. The most common methods are `GET` and `POST`.
92118

0 commit comments

Comments
 (0)