HTML Commands

HTML means Hyper Text Markup language, a standard markup language for web pages. HTML will have elements, attributes, and other tags. Most of the websites present on the internet use HTML. HTML is easy to learn and powerful. Hyper Text is the major method of moving around the web by clicking on Hyperlinks, which redirect to another page. Markup shows text inside them using HTML tags by marking a test as a certain type. HTML Command elements are building blocks of an HTML page and can have attributes that provide additional information about the element, and attributes will be present in pairs.

Basic HTML Commands

The basic commands are as follows:

1. Sample HTML document syntax

Sample HTML documents will have HTML elements which are building blocks of web pages, and some of the HTML elements are , which is a root element, which will have meta information,

which includes data of the document.

Code:

html>

<meta>
<title>Page Title</title>

<h1 id="This-is-a-Heading">This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Output:

2. HTML Headings

HTML headings are HTML elements that are defined with tags

to

where

defines the most important tag and

defines the less important tag.

Sample HTML code with headings as below:

<h1 id="This-is-heading"> This is heading 1 </h1>
<h2 id="This-is-heading"> This is heading 2 </h2>
<h3 id="This-is-heading"> This is heading 3 </h3>
<h4 id="This-is-heading"> This is heading 4 </h4>

Output:

3. HTML element paragraph

HTML paragraph is an HTML element that we define using the

tag, and the sample code is as follows:

<p> This is a paragraph </p>
<p> This is another paragraph </p>

Output:

4. HTML images

HTML images is an HTML element defined with a tag , and we need to mention attributes such as src of the image, alt means alternative text, width, and height of the image to display, and sample code is

Code:

<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543763740047.jpg" class="lazy" alt="HTML Commands"   style="max-width:90%">

Output:

5. Html Lists

HTML lists is an HTML elements and defined using tags

or

where

is an unordered list and

is an ordered list

Code:

• Coffee
• Tea
• Milk

Output:

6. Create table

HTML table is an HTML element, and it can be defined using tag

and rows with tag and cells with tag

and code as below:

Code:

Firstname	Lastname	Age
Jill	Smith	50

Output:

7. Mention link

HTML links are HTML elements, and they can be defined using the tag the sample code is below:

Code:

<a href="https://www.HTML%20Commands.com">This is a link </a>

Output:

8. Style attribute

HTML attribute style can be used with a combination of any HTML elements such as

, and the sample code is as below:

Code:

<p style="color:red"> I am a paragraph </p>

Output:

9. lang attribute

In HTML, using the lang attribute, we can declare the language of the document using the tag, and language is defined using the lang attribute, and sample code is as below:

Code:

...
...

Output:

10. Format HTML elements

In HTML, we can use formatting elements to format the HTML document, and we can define special elements for text with special meaning. HTML elements like for bold, for italic

Code:

<b> This text is bold. </b>

Output:

Intermediate HTML Commands

The intermediate commands are as follows:

1. Highlight Text

In HTML, we can highlight some text in an HTML document using element so that it highlights the text enclosed in element, and the sample code is as below:

<h2 id="html-mark-Marked-mark-formtting"> html <mark> Marked </mark> formtting </h2>

Output:

2. Delete text

In HTML, we can delete some text using element so that the text which is enclosed between this element is deleted, and the sample code is as below:

<p> My favorite color is <del> Navy blue </del> Red </p>

Output:

3. Define superscripted text

In HTML, we can define the text as superscripted using element ^{in the HTML document so that text enclosed in element will be superscripted, and the sample code is as below:}

<p> This is <sup> superscripted </sup> text </p>

Output:

4. Define abbreviation

In HTML, we can define abbreviations by using the HTML element in the HTML document, which will give useful information to browsers, and the sample code is as below:

<p> The <abbr title="World Health Organization">WHO </abbr> was founded in 1948 </p>

Output:

5. Mention Address

In HTML, we can mention the address in an HTML document using HTML element

, which defines contact information or address related to the article or document and displays in italics and the sample code as below:

<address>
Written by Srinivas <br>
dasu.com <br>
Pincode : 500084, Hyderabad <br>
India
</address>

Output:

Advanced HTML Commands

The advanced commands are as follows:

1. Display a webpage inside a webpage

In HTML, we can display a webpage inside a webpage using HTML iframe, which is defined using the tag

<iframe src="demo.html" height="300" width="300"> </iframe>

2. Target different targets using iframe

In HTML, we can use the target frame as a link using the iframe tag in the HTML document, and the target attribute to the link must refer to the name attribute of the iframe and sample code is as below:

<iframe src="demo.html" name="iframe1"> </iframe>
<p> <a href="www.google.com" target="iframe1"> Google.co.in </a> </p>

Tips and Tricks to Use HTML Commands

• Make your visitors change the text color or background by adding extra code.
• Add metadata while writing an HTML document.
• It’s good to hide some fields where we don’t want a user to edit them.
• Always add a horizontal line to break long sections so the website will look good.

Conclusion

Finally, it’s all about different types of HTML commands of various levels are briefly discussed with examples. After reading this article, I hope you will have a good idea of how to use HTML commands.

The above is the detailed content of HTML Commands. For more information, please follow other related articles on the PHP Chinese website!