Assignment Discussion | HTML 5 | Semantic Tags | Entities | Input & Label Tags

Learning Assignment Discussion | HTML 5 | Semantic Tags | Entities | Input & Label Tags.

Post your doubts, learning and notes here.

3 Likes

Codepen for above UI box- https://codepen.io/rhythm_varshney/full/mdzmevY

@harshitrajlnctcse

2 Likes

Thanks @rhythm. I’ll be deploying this web page on AWS EC2 today at 8 PM.

Join guys at 8 PM - 26 AUG - YOUTUBE AWS Learning LIVE Session

4 Likes

All post your learning and notes here. Make this habit. This will make you D BEST :heart_decoration:

Hand’s written Notes of 25/04/2023



@harshitrajlnctcse

3 Likes

@patilsagar99047 Lovely notes :heart:

What we have learnt yesterday

  • Learnt about HTML5
    • Pros and Cons of HTML4
    • New Features of HTML5
      • SEO Support
      • Image, Audio, Video Support

Semantic tags

A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

Examples of semantic elements: <form>, <footer>, and <header> - Clearly defines its content.

HTML Entities

Some characters are reserved in HTML. If you use the less than < or greater than > signs in your text, the browser might mix them with tags. Character entities are used to display reserved characters in HTML.
Some common entities-
&gt to display > symbol.
&lt to display < symbol.
$#8377 to display symbol.

1 Like

HTML5= old html+new features

Advantages of old html:
easy and simple
standard language
supported by every browser

Disadvantages:
static webpages
no syntax error detection
no security

New feautres:
we can add audio, video, multimedia content
it is seo supportive
semantic tags (HTML has a meta tag which helps in SEO)

Sematic tag:
self explanatory tags
it is used to add more meaning to webpages.
They can help to improve readability and maintainability of HTML code.

  • Learnt about HTML Entities.
1 Like

@lakshmidurgakuncha and @rhythm Doing great. Keep up the good work. :clap: