«»
Text & Format
HTML provides several tags that you can use to make some text on your web pages to appear differently than normal text, for example, you can use the tag <b> to make the text bold, tag <i> to make the text italic, tag <mark> to highlight the text, tag <code> to display a fragment of computer code, tags <ins> and <del> for marking editorial insertions and deletions, and more. The following example demonstrates the most commonly used formatting tags in action. Now, let's try this out to understand how these tags basically work:
physical and logical formatting tags
-
<b>
Code view
This is sample text, about lorem ipsum! View result
This is sample text, about lorem ipsum! Sets the bold font style. It is valid to use this tag with other tags.
-
<strong>
Code view
This is sample important text! View result
This is sample important text! The HTML <strong> element defines strong text, with added semantic "strong" importance.
-
<i>
Code view
This is sample text, about lorem ipsum! View result
This is sample text, about lorem ipsum! The HTML <i> element defines italic text, without any extra importance.
-
<em>
Code view
This is sample important text! View result
This is sample important text! The HTML <em> element defines emphasized text, with added semantic importance.
-
<mark>
Code view
This is highlight text! View result
This is highlight text! The HTML <mark> element defines marked/highlighted text
-
<small>
Code view
This is sample small text! View result
This is sample small text! The HTML <small> element defines smaller text
-
<del>
Code view
This is sample deleted text!View result
This is sample deleted text!The HTML <del> element defines deleted/removed text.
-
<ins>
Code view
This is sample text, about lorem ipsum! View result
This is sample text, about lorem ipsum! The HTML <ins> element defines inserted/added text.
-
<sub>
Code view
This is sample text! View result
This is sample text! The HTML <sub> element defines subscripted text.
-
<sup>
Code view
This is sample text! View result
This is sample text! The HTML <sup> element defines superscripted text.
Html Structure
HTML is a mark-up language with ‘tags’ identifying parts of the document to behave in a certain way, for example, to act as a link or to make the text bold. Tags generally consist of an opening and closing pair. They are written in lower case using angled brackets ie <html>.
What about structure tags?
<section>
The section tag groups content by topic, or, in other words, defines a section of a document. Usually preceded by header, may be in footer. The section tag can be enclosed inside another section tag, if necessary, and contain any amount of markup. In normal html, as a rule, a div is used instead of the section tag.
<header>
The header tag usually contains a heading or groups headings, but may also contain section information.
In other words, the header tag defines the header of the site (the site header).
<nav>
The nav tag defines a navigation area, usually a list of links. The nav tag is the sibling of the main section (section), header (header) and footer (footer).
<aside>
The aside tag defines content that is located around the main content. This can be a sidebar (sidebar), containing a series of links to articles, to the archive, to tags.
<article>
The article tag defines any independent record (article) on the site, or, for example, it can be a resume, a description of the product in an online store, and so on.
<figure>
Sometimes it is necessary to place the image and the text attached to it as a single illustration. The figure element indicates that the text and image are parts of a whole.
<dialog>
Its dialog is the area where comments are displayed (conversation, conversation). The dialog tag consists of the following parts:
- The <dialog> tag itself, which defines a block with comments
- The <dt> tag will determine who says
- The <dd> tag defines the comment text
images gallery
TABLES -
KNOWLEDGE & USE
HTML tables organize and display data using rows or columns. Tables are made up of cells that form at the intersection of rows and columns. Table cells can contain any HTML elements, such as headings, lists, text, images, form elements, and other tables. You can add a title to each table by placing it in front of or after the table.
Tables are no longer used for layout of web pages and layout of individual elements, because such a technique does not provide the flexibility of the structure and adaptability of the site, significantly increasing HTML markup.
What about structure tags?
| Company | Q1 | Q2 | Q3 | Q4 |
|---|---|---|---|---|
| Microsoft | 20.3 | 30.5 | 23.5 | 40.3 |
| 50.2 | 40.63 | 45.23 | 39.3 | |
| Apple | 25.4 | 30.2 | 33.3 | 36.7 |
| IBM | 20.4 | 15.6 | 22.3 | 29.3 |
