Loading course layout...

/

HTML CSS JAVASCRIPT REACT NODE.JS WINDOWS CLI GIT PROJECTS ROADMAP

NS

Course Curriculum

HTML5 MASTERCLASS

101 Lessons

0. VS Code & Win 11 Setup

1. What is HTML?2. Client vs Server 3. DNS Lookup 4. IP Addresses (v4 & v6)5. TCP 3-Way Handshake 6. HTTP Request Anatomy 7. HTTP Response Anatomy 8. URL Anatomy 9. How Browsers Render DOM 10. Browser DevTools

11. <!DOCTYPE html>12. <html> Root Tag 13. <head> Metadata 14. <title> Tag & SEO 15. Meta Charset (UTF-8)16. Responsive Viewport 17. Adding Favicons 18. Linking CSS Files 19. Internal CSS (<style>)20. Scripts (<script>)

21. <body> Container 22. Headings (<h1> - <h6>)23. Paragraphs (<p>)24. Line Breaks (<br />)25. Horizontal Rules (<hr />)26. Div Containers (<div>)27. Span Inline (<span>)28. Blockquotes 29. Inline Quotes (<q>)30. Address (<address>)

31. Bold (<b>) vs Strong 32. Italic (<i>) vs Emphasis 33. Highlight Text (<mark>)34. Code Snippets (<code>)35. Preformatted (<pre>)36. Insert & Delete Tags 37. Strikethrough (<s>)38. Abbreviations (<abbr>)39. Defining Terms (<dfn>)40. Sup & Sub Tags

41. Links (<a> & href)42. Absolute vs Relative Paths 43. Parent Directory (../)44. Grandparent Path (../../)45. Email Links (mailto:)46. Telephone Links (tel:)47. Target Blank (target)48. Link Security (rel="noopener noreferrer")49. Hash Jump Links 50. Download Attribute

51. Images (<img> Tag)52. Image Sizing 53. Responsive Images 54. Art Direction (<picture>)55. Lazy Loading Images 56. Figure & Figcaption 57. Vector Graphics (<svg>)58. Image Maps (<map>)59. Favicon Formats 60. Project: Photo Gallery

61. Audio Player (<audio>)62. Audio Fallbacks 63. Video Player (<video>)64. Video Subtitles (<track>)65. Embed Sites (<iframe>)66. Plugins (<embed>/<object>)67. Custom Data (data-*)68. Iframe Security 69. HTML5 Geolocation 70. Project: Media Showcase

71. Unordered Lists (<ul>)72. Ordered Lists (<ol>)73. Ordered List Attributes 74. Definition Lists (<dl>)75. Tables (<tr>, <td>, <th>)76. Table Colspan & Rowspan 77. Table SemanticsACTIVE 78. Colgroup & Columns 79. Table Borders & Spacing 80. Project: Pricing Grid

81. Form Action & Method 82. Form Labels (<label>)83. Text & Password Inputs (type="text" & "password")84. Radio Buttons 85. Checkboxes 86. Dropdown Select (<select>)87. Multi-line (<textarea>)88. Buttons (type="submit", "reset", "button")89. Wrapping Labels 90. Fieldset & Legend

91. Form Validation (required)92. Regex Pattern Matching 93. HTML5 Numeric Ranges (type="number" & "range")94. Progress & Meter 95. Autocomplete (<datalist>)96. Accordions (<details>)97. Native Dialog (<dialog>)98. Templates & Slots 99. Canvas Graphics (<canvas>)100. Project: Semantic Portfolio

Table Structured Sections (<thead>, <tbody>, <tfoot>)

Er. Manoj Kumar — Author

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <thead> groups header rows of tables.

2. <tbody> contains the primary data rows.

3. <tfoot> groups footer total calculation rows.

4. Enables independent table body scrolling.

5. Improves table printing and screen readers.

Example

Example

Try it Yourself »

1

<!DOCTYPE html>

2

<html>

3

<head>

4

<title>Structured Table</title>

5

</head>

6

<body>

7

8

<h2>Course Billing Summary</h2>

9

<table border="1">

10

<thead>

11

<tr>

12

<th>Item Description</th>

13

<th>Price</th>

14

</tr>

15

</thead>

16

<tbody>

17

<tr>

18

<td>Full Stack Curriculum Access</td>

19

<td>$0.00</td>

20

</tr>

21

<tr>

22

<td>CLI Simulator Sandbox</td>

23

<td>$0.00</td>

24

</tr>

25

</tbody>

26

<tfoot>

27

<tr>

28

<td>Total Cost:</td>

29

<td>100% Free</td>

30

</tr>

31

</tfoot>

32

</table>

33

34

</body>

35

</html>

Previous Lesson

📁 View HTML Developer Roadmap Next Lesson