In the previous article, you were first introduced to HTML. You learned to write titles, put paragraphs, make different lists, put photos on your website, link different parameters, etc. In this article, which is a continuation of the previous article, we will finish the Basic HTML Tutorial. Well, let’s finish the introduction and go to the tutorial.
Text Formatting HTML
The first thing we talk about in Part 2 Basic HTML is text Formatting. Formatting is to make the appearance of the site more beautiful and user-friendly without using CSS. In the following, we will teach you all the Formatting Tags. If you have worked with Microsoft Word software, you are quite familiar with these edits. How to use all the tags is to put the desired text between that tag. Like the example below
<p>hi welcome to <tagname> pinkpen </tagname> website </p>
The first tag we look at is the Bold tag. This HTML tag is used to make the text thicker. The symbol for this command is <b> which comes from the word bold.
This tag comes in handy when you want to take part in the text Italic. We use Italic when we want to write an important word or sentence or write the title of a book, movie, music, or other uses. in HTML The symbol for this code is <i> and is clearly derived from the word italic.
Like Microsoft Word, you can underline text using the <u> code. Note that in HTML it underlines for all links by default and you do not need to underline the linked text.
In HTML, to highlight a word or sentence, just place it between the <mark> and </mark> tags.
You use <small> tag when you want to make the text smaller. Of course, even I do not know when it is used, I just brought it in the article to make the content complete and comprehensive 🙂
This element displays the text or sentence slightly higher than normal. I saw a lot of use of this element on Wikipedia. When he wants to introduce a reference or explain that word in a footnote, he puts a number a little higher than the text next to that word. You must use the <sup> tag to use this element in HTML.
It is exactly the same as above, except that it <sub> displays a text or sentence lower than the rest of the paragraph.
Using the <big> tag you can make the text a larger unit. Using this tag is not highly recommended and it is better to use the font-size that we taught you before.
Note: The <strong> tag has exactly the same function as the Bold tag and the <em> tag also has a similar function to Italic.
<!DOCTYPE html> <html> <head> <title>Text Formatting HTML</title> </head> <body> <b>pinkpen is bold</b> <strong> pinkpen is strong</strong> <i> pinkpen is italic</i> <em>pinkpen is emphasized</em> <small>This is some smaller pinkpen</small> <big>This is some biger pinkpen</big> <mark>pinkpen</mark> <p>pinkpen<sup>.net</sup></p> <p>pinkpen<sub>.net</sub></p> </body> </html>
Well, we have explained the most important and most used tags to you. Now you can practice Text Formatting for free in the online compiler of this site from this link.
Comments are displayed only in the code section and will not be displayed in the browser and for users. It helps the programmer organize the code and segment and avoid confusion. If you work as a team, you can use the comments to inform your colleagues of the different parts of the code and other information you want to give them. Another application is that if you design a template for the customer, you can put tips for using these codes in the text of the code.
<!– This is first comment –>
Quotation and Citation Elements
As you know, Html uses various elements to indicate quotes and citations. Below we introduce the most important and most widely used to you.
If you want to define a section that is from other sources, you must use the blockquote element. How to use it is very simple and like other HTML tags, just put the text between the two <Blockquotes> tags. Generally use this when you want to quote texts longer than 3 lines. This method actually creates a separate block for quotes.
This element is used when you want to put a quote in the same line as you. This element puts the word or sentence you want to quote inside the quotation mark. To use it, just put your desired sentence inside the <q>
At the end of the article, the last element we look at is a citation. The citation element is used to indicate the title being quoted. After using it, it shows the text in italics in the browser and for users. You can use the <cite> tag to use it.