21/10/2019
https://www.youtube.com/watch?v=kVe95C8BLlk&feature=youtu.be?sub_confirmation=1
In this episode, we will learn about HTML Formatting
HTML Formatting is a process of formatting text for a better look and feel. HTML provides us the ability to format text without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 14 options available that how text appears in HTML and XHTML.
In HTML the formatting tags are divided into two categories:
Physical tag: These tags are used to provide a visual appearance to the text
Logical tag: These tags are used to add some logical or semantic value to the text.
Here are the Tags examples
Header -
There are 6 levels of headings available, from h1 for the largest and most important heading, down to h6 for the smallest heading.
Bold -
The text in between the tags will be bold, and stand out against text around it, the same as in a word processor.
Italic -
Also working the same way as a word processor, italics displays the text at a slight angle.
Underline -
Again, the same as underline in a word processor. Note that html links are already underlined and don't need the extra tag.
Strike-out -
Puts a line right through the centre of the text, crossing it out. Often used to show that text is old and no longer relevant. Also works by using instead.
Preformatted Text -
Any text between the pre tags, including spaces, carriage returns, and punctuation, will appear in the browser as it would in a text editor (normally browsers ignore multiple spaces)
Source Code -
Text is displayed in a fixed-width font, commonly used when showing source code. I have used it on this site, along with stylesheets, to show all tags.
Typewriter Text -
The text appears to have been typed by a typewriter, in a fixed-width font.
Block Quote -
Defines a long quotation, and the quote is displayed with an extra-wide margin on the left-hand side of the blockquote.
Small -
Instead of having to set font size, you can use the small tag to render text slightly smaller than the text around it. Useful for displaying the 'fine-print'.
Font Colour -
Change the color of a few words or a section of text. The 6 question marks represent the hex color code, see this list of colors and codes for some samples.
Font Size -
Replace the? with a number from 1 to 7 to change the size of the font. One being the smallest and seven the largest.
Font Size Change -
For an immediate change of font size with respect to the font size preceding it, this tag increase or decreases the size of the font by the number you specify. Eg: Some Text
Change Font Face -
To show text in a particular font, use the font name such as "Helvetica" or "Arial" or "Courier". Be aware that using some fancy font from your computer means that the person viewing that page must also have that font installed on their computer too, otherwise it will look totally different to them.
Centre -
A useful tag, as it says, it makes everything in between the tags centered (in the middle of the page).
Emphasis -
Used to emphasize text, which usually appears in italics, but can vary according to your browser.
Strong Emphasis -
Used to emphasize text more, which usually appears in bold, but can vary according to your browser.
In this episode, we will learn about HTML Formatting HTML Formatting is a process of formatting text for a better look and feel. HTML provides us the ability...
