diff --git a/content/batch/learn/html/basic.mdx b/content/batch/learn/html/basic.mdx index c41afb6..28e0032 100644 --- a/content/batch/learn/html/basic.mdx +++ b/content/batch/learn/html/basic.mdx @@ -13,6 +13,7 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB - 🎨 Set up HTML boilerplate, add a page title, and use Live Server extension for development. - 🔍 Learn heading and paragraph tags, line breaks, horizontal lines, formatting text with bold and italic tags, and creating links, lists, tables, and forms in HTML. +- 📚 Learn HTML Sematic Elements. - 💡 Explore media embedding, semantic tags, and practice HTML through assignments. @@ -78,7 +79,7 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB ```html -

This is the first line.
This is the second line.

+

This is the first line.
This is the second line.

``` @@ -86,7 +87,7 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB ```html -
+
``` @@ -194,7 +195,7 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB ```html -Image description +Image description ``` @@ -232,23 +233,74 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB ``` -## Semantic Tags +## Semantic Elements -### Header +A semantic element clearly describes its meaning to both the browser and the developer. + +### Article ```html +
+

Sample Article Heading

+

An article should make sense on its own,

+

+ and it should be possible to distribute it independently from the rest of + the web site. +

+
+``` -
-

My Website

- -
+### Aside + +```html + +