Read on Twitter
10 HTML tags you need to know
A thread
A thread
1. Headings - <h1></h1>
HTML headings are titles or subtitles that you want to display on a webpage.
You can choose from h1 which is the most important, to the h6 which is the least important heading.
HTML headings are titles or subtitles that you want to display on a webpage.
You can choose from h1 which is the most important, to the h6 which is the least important heading.
2. Paragraph tag - <p></p>
The <p> tag defines a paragraph (some text)
Browsers automatically add a single blank line before and after each <p> element.
The <p> tag defines a paragraph (some text)
Browsers automatically add a single blank line before and after each <p> element.
3. Anchor tag - <a></a>
The <a> tag defines a hyperlink, which is used to link from one page to another.
The most important attribute of the <a> element is the href attribute, which indicates the link's destination.
The <a> tag defines a hyperlink, which is used to link from one page to another.
The most important attribute of the <a> element is the href attribute, which indicates the link's destination.
4. Unordered lists - <ul></ul>
An unordered list starts with the <ul> tag. Each list item starts with the <li></li> tag.
The list items will be marked with bullets (small black circles) by default.
An unordered list starts with the <ul> tag. Each list item starts with the <li></li> tag.
The list items will be marked with bullets (small black circles) by default.
5. Ordered list tag - <ol></ol>
An ordered list starts with the <ol> tag. Each list item starts with the <li></li> tag.
The list items will be marked with numbers by default.
An ordered list starts with the <ol> tag. Each list item starts with the <li></li> tag.
The list items will be marked with numbers by default.
6. Image tag - <img>
The <img> tag is used to add an image in an website.
It' usually used with the "src" attribute, which specifies the path to the image we want to use.
The <img> tag is used to add an image in an website.
It' usually used with the "src" attribute, which specifies the path to the image we want to use.
7. Input tag - <input>
The <input> tag specifies an input field where the user can enter data and it's also the most important form element.
It can be displayed in several ways, depending on the type attribute (button, checkbox, submit, etc)
The <input> tag specifies an input field where the user can enter data and it's also the most important form element.
It can be displayed in several ways, depending on the type attribute (button, checkbox, submit, etc)
8. Division tag - <div></div>
The <div> tag defines a division or a section in an HTML document.
It is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.
Any sort of content can be put inside the <div> tag!
The <div> tag defines a division or a section in an HTML document.
It is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.
Any sort of content can be put inside the <div> tag!
9. Label tag - <label></label>
The <label> tag defines a label for several input elements.
Inside this tag, we usually put the text we want to display next to the input
The for the attribute of <label> to work must be equal to the id attribute of the input.
The <label> tag defines a label for several input elements.
Inside this tag, we usually put the text we want to display next to the input
The for the attribute of <label> to work must be equal to the id attribute of the input.
10. Span tag - <span></span>
The <span> tag is an inline container used to mark up a part of a text, or a part of a document.
It is much like the <div> element, but <div> is a block-level element and <span> is an inline element.
The <span> tag is an inline container used to mark up a part of a text, or a part of a document.
It is much like the <div> element, but <div> is a block-level element and <span> is an inline element.
The end of this thread
Thanks for reading, I hope you found it useful
If you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
What would add to this list?
Thanks for reading, I hope you found it useful
If you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
What would add to this list?
Do you struggle to learn the basics of web development?
You have no idea what concepts to learn?
You are looking for a clear roadmap to follow?
Then this is the perfect course for you (aff): https://gumroad.com/a/416027763
You have no idea what concepts to learn?
You are looking for a clear roadmap to follow?
Then this is the perfect course for you (aff): https://gumroad.com/a/416027763
