The Professional HTML Cheatsheet For beginners in 2024 for free

- August 02, 2021

The Professional HTML Cheatsheet For beginners in 2024 for free

The Professional HTML Cheatsheet For beginners in 2021 for free

Hello guys,

You will be glad to know that I am going to start a cheatsheet series for you all. In this series I am going to give you cheat sheets of all the programming languages. If you want to get all of these cheat sheets for free then you can follow this blog and visit my youtube channel if you like the video content.

This is the link to my youtube channel :- https://www.youtube.com/channel/UCmbrOCauavTcwIJeXYo4pjQ

This is the link to my instagram :- https://instagram.com/gautam9465580

Father of all the links (Link to all of my social media platforms) :- https://code-and-man.blogspot.com/p/my-link-tree.html

Now got all the information which I want to give you before the post so now let’s get started with the post:-

In today’s post I am going to give you the first cheatsheet which is of HTML so let’s begin:-

Boilerplate of HTML

The Boilerplate code is the common code which is used in almost all of the web pages created with the html. Now I am going to give you the boilerplate code.

The boilerplate code is here:

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

Tags in the HTML

The tags are the words which are reserved by the html in these tags you can write your content. All of the tags have different functions. Like the h1 tag is used to add a biggest heading to a web page and the p tag is used to add a paragraph to the web page so let’s see an example of the tag:

<h1>I am a heading</h1>

<p>I am a paragraph</p>

Dummy Text

The dummy text is the text which is written in latin and is used by those who have designed a dummy website this is the dummy text which you can use :

Lorem Ipsum

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Text Formatting

There are many tags which are used to format the text in the html. It helps in making the text bold, italic, underline, emphasized, strikethrough etc. The cheat sheet for these are here:-

<i>I am italic</i>

<em>I am emphasized</em>

<mark> I am marked </mark>

<sub>I am subscript</sub>

<sup>I am superscripted</sup>

<strong>I am important</strong>

<del>I am strikethrough</del>

<small>I am small text</small>

<ins>I am underlined</ins>

HTML Semantics

The semantics are used for improving the readability of the text some of the semantics are here:-

<header>I am header</header>

<nav>I am navbar</nav>

<aside>I am the content of the aside</aside>

<main>I am the main content of the webpage</main>

<code>I am the code which is written inside the web page</code>

<article>I am a article of the web page</article>

<section>I am a single section of the web page</section>

<figure>I am a figure of the web page</figure>

<figcaption>I am the caption of the figure of the web page</figcaption>

<footer>I am the footer of the web page</footer>

<details>I am the details of something of the web page</details>

<summary>I am summary of something of the web page</summary>

I hope that you liked this cheat sheet. This can be very beneficial for those who code on their mobile phones and don’t have computers with them. Soon after completing this series I will create a post on how to do coding on mobile.Thanks guys for reading this post.

Please Comment down if you have any query and share this cheat sheet with those who don't have a computer with them so that they can start coding fastly and follow me on social media for regular updates.

Thanks

Checkout these also:-

How to earn money from mobile phone without any investment in 2023

Web Development Tutorials

The Complete Ultimate Blogging course for free in 2023

How to Earn Money from Instagram in 2023

Search This Blog

CodeAndMan