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>)ACTIVE 72. Ordered Lists (<ol>)73. Ordered List Attributes 74. Definition Lists (<dl>)75. Tables (<tr>, <td>, <th>)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

Unordered Lists (<ul> and <li>)

Er. Manoj Kumar — Author

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <ul> creates bulleted unordered item lists.

2. <li> defines individual list items inside.

3. Browsers render solid disc bullet points.

4. Order of list items does not matter.

5. Foundation for website navigation menu bars.

Example

Example

Try it Yourself »

1

<!DOCTYPE html>

2

<html>

3

<head>

4

<title>Unordered Lists</title>

5

</head>

6

<body>

7

8

<h2>Web Development Skills</h2>

9

<ul>

10

<li>HTML5 Structure</li>

11

<li>CSS3 Styling</li>

12

<li>JavaScript Interactivity</li>

13

<li>Git Version Control</li>

14

</ul>

15

16

</body>

17

</html>

Previous Lesson

📁 View HTML Developer Roadmap Next Lesson