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>)ACTIVE 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 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

Strikethrough (<s>)

Er. Manoj Kumar — Author

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <s> represents no longer accurate text.

2. It draws a line through text.

3. Unlike <del>, it represents outdated items.

4. Great for discontinued product sale prices.

5. It works as an inline element.

Example

Example

Try it Yourself »

1

<!DOCTYPE html>

2

<html>

3

<head>

4

<title>Strikethrough Element</title>

5

</head>

6

<body>

7

8

<h2>Product Clearance Sale</h2>

9

<p>Original Price: <s>$80</s></p>

10

<p>Discounted Sale Price: $39</p>

11

12

</body>

13

</html>

Previous Lesson

📁 View HTML Developer Roadmap Next Lesson