My journey from Back-End Python developer to a Front-End React Developer was not a piece of cake. I have a long way since I joined my first job at Diya Interactive back in Feb, 2021. I have started from the scratch my Front-End journey, and I am still learning.
Based on my own personal learning experience, I have prepared a list of most widely used HTML Tags, that you should know of, if you want to pursue a career as a Front-End Developer.
HTML Basic Structure
-
<!DOCTYPE>
Defines the document type -
<html>
Defines an HTML Document -
<head>
Contains the metadata/information for the document -
<meta>
-
<title>
Defines a title for the document -
<body>
Defines the document's body -
<!--
...-->
Defines a comment in HTML -
<hr>
Defines a thematic change in the content with a horizontal rule/line -
<br>
Inserts a single line break
Styles and Semantics
-
<style>
Defines style information for a document -
<div>
Defines a section in a document -
<span>
Defines a section in a document on the same line -
<header>
Defines a header for the document or the section -
<footer>
Defines a footer for the document or the section -
<main>
Specifies the main content of the document -
<section>
Defines a section in a document with references to other elements -
<article>
Defines an article
Lists
-
<ul>
Defines an unordered list -
<ol>
Defines an ordered list -
<li>
Defines a list item in both,<ol>
&<ul>
tags -
<dl>
Provides a description to the list -
<dt>
Gives a term/name to the description list -
<dd>
Defines a description of a term/name in a description list
I hope I didn't bore you with all this 😉
Next time, we will be covering the basic elements you NEEEEEEEEEED to know about Forms & Inputs
Top comments (0)