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>)ACTIVE 76. Table Colspan & Rowspan 77. Table Semantics 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

Tables Rows & Cells (<tr>, <td>, <th>)

Er. Manoj Kumar — Author

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <table> creates tabular data grid layouts.

2. <tr> defines table row containers.

3. <th> defines bold centered header cells.

4. <td> defines regular table data cells.

5. Organized in rows and vertical columns.

Example

Example

Try it Yourself »

1

<!DOCTYPE html>

2

<html>

3

<head>

4

<title>HTML Tables</title>

5

</head>

6

<body>

7

8

<h2>Student Exam Results</h2>

9

<table border="1">

10

<tr>

11

<th>Student Name</th>

12

<th>Subject</th>

13

<th>Score</th>

14

</tr>

15

<tr>

16

<td>Aarav</td>

17

<td>HTML5</td>

18

<td>98</td>

19

</tr>

20

<tr>

21

<td>Priya</td>

22

<td>CSS3</td>

23

<td>95</td>

24

</tr>

25

</table>

26

27

</body>

28

</html>

Previous Lesson

📁 View HTML Developer Roadmap Next Lesson