Discover Top Posts Tagged with #learn html from scratch

Day 8 - Html Periodic Table

⁣

There exists a periodic table for HTML elements. ⁣

A great tool to find all the elements with their descriptions in a single place.⁣

It's like a cheat sheet which comes very handy as who remembers all the tags.

HTML all Input types

Day 15 - Word Break Opportunity

When a word is too long, and you don't want the browser to break it at the random place, <wbr> element helps to break the word where you want.⁣

The <wbr> element specifies a position within text where it would be appropriate to add a line-break.

Day 1 - Divide webpage into logical sections

HTML5 offers several elements that will help you organize your layout in appropriate sections.

1. Header <header>

2. Navigation bar <nav>

3. Main Content <main> with <article> and <section>

4. Sidebar <aside>

5. Footer <footer>

(Image by W3schools)

Good Webpages may look or perform differently but they share similar standard structure.

By using this standard structure along with the semantic elements mentioned above your document becomes more readable and accessible.

Day 5 - Define options with datalist tag

The Html5 <datalist> tag is used to provide autocomplete feature in the input field of the form.⁣

⁣It specifies the set of predefined options for the user to input.⁣

⁣To bind it to the input, it is usually used with the <input> element's "list" attribute whose value matches the datalist id.⁣

⁣It works with all types of inputs like data, range, and color.⁣

⁣

Have you ever used this tag in your projects?

Becoming a Full stack developer, starting from full nada.

Learn HTML From Scratch, HTML Training For Beginners... original: https://c0l0rme1d.tumblr.com/post/189238972196

Learn HTML From Scratch, HTML Training For Beginners... my source: https://c0l0rme1d.tumblr.com/post/189238972196

#learn html from scratch