So, you’re diving into frontend dev, huh? First stop: HTML. Honestly, you can’t really do anything cool on the web without it. It’s like the bread to your developer sandwich—everything else just piles on top. Headings, pics, links, random text—you name it, HTML’s handling the structure.
Now, if you wanna actually get the hang of HTML, you gotta wrap your head around the basic tags. No shortcuts here, sorry. I’m about to hit you with 10 of the must-know tags, plus some examples so you don’t end up lost and confused, staring at a blank page. Let’s get into it.
Majorily HTML Tags listed here :
- html : This is the root tag that wraps the entire HTML document. All other tags go inside it.
- head : Contains metadata about the web page like character encoding, link to stylesheets.
- title : Sets the title of the web page - what appears on the browser tabs
- body : Contains all the visible content of the webpage - text, images, videos, content etc
- h1 to h6 : Heading tags used for subtitles h1 is the most important and h6 is the least one
- p : It is used to add blocks of text
- a : It created hyperlinks to other pages or sections
- img : Used to display images It contains two attributes first one is src where you define the image path and second one is alt which is alternative text
- ul and li : Unordered list and list item tags , used to create bulleted lists.
- ol and li : Ordered list and list item tags , used to create numbered lists.
- div : A block-level container tag used to group elements for styling or scripting. It doesn’t add any meaning but is useful for layout and CSS.
- span : It is an inline container used for styling parts of text without breaking the flow
- table : It is used to create table . It arranges data in form of rows and columns.
- tr (table row) : It is uded to create row in a table.
- td (table data) : It is used to create normal data cell
- form : It is used to take input from the user like login forms, search box, contact form etc.
- button : It is used to generate clickable functions
- section : It is used to create multiple sections like service section, blog section