HTML Cheatsheet

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 …


This content originally appeared on DEV Community and was authored by Mursal Furqan

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

Bore Meme

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


This content originally appeared on DEV Community and was authored by Mursal Furqan


Print Share Comment Cite Upload Translate Updates
APA

Mursal Furqan | Sciencx (2021-11-08T17:11:36+00:00) HTML Cheatsheet. Retrieved from https://www.scien.cx/2021/11/08/html-cheatsheet-2/

MLA
" » HTML Cheatsheet." Mursal Furqan | Sciencx - Monday November 8, 2021, https://www.scien.cx/2021/11/08/html-cheatsheet-2/
HARVARD
Mursal Furqan | Sciencx Monday November 8, 2021 » HTML Cheatsheet., viewed ,<https://www.scien.cx/2021/11/08/html-cheatsheet-2/>
VANCOUVER
Mursal Furqan | Sciencx - » HTML Cheatsheet. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/08/html-cheatsheet-2/
CHICAGO
" » HTML Cheatsheet." Mursal Furqan | Sciencx - Accessed . https://www.scien.cx/2021/11/08/html-cheatsheet-2/
IEEE
" » HTML Cheatsheet." Mursal Furqan | Sciencx [Online]. Available: https://www.scien.cx/2021/11/08/html-cheatsheet-2/. [Accessed: ]
rf:citation
» HTML Cheatsheet | Mursal Furqan | Sciencx | https://www.scien.cx/2021/11/08/html-cheatsheet-2/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts