Home > Web Front-end > HTML Tutorial > HTML Commands

HTML Commands

王林
Release: 2024-09-04 16:13:50
Original
969 people have browsed it

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 contains a title of the document and which includes data of the document.

Code:

html>

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Copy after login

Output:

HTML Commands

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> This is heading 1 </h1>
<h2> This is heading 2 </h2>
<h3> This is heading 3 </h3>
<h4> This is heading 4 </h4>
Copy after login

Output:

HTML Commands

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>
Copy after login

Output:

HTML Commands

4. HTML images

HTML images is an HTML element defined with a tag HTML Commands, 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="HTML%20Commands.jpg" alt="HTML Commands"   style="max-width:90%">
Copy after login

Output:

HTML Commands

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:

    Copy after login
    Copy after login
  • Coffee
  • Tea
  • Milk

Output:

HTML Commands

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:

Copy after login
Copy after login
Firstname Lastname Age
Jill Smith 50

Output:

HTML Commands

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>
Copy after login

Output:

HTML Commands

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>
Copy after login

Output:

HTML Commands

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:



...
...

Copy after login

Output:

HTML Commands

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>
Copy after login

Output:

HTML Commands

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> html <mark> Marked </mark> formtting </h2>

Copy after login

Output:

HTML Commands

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>

Copy after login

Output:

HTML Commands

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>

Copy after login

Output:

HTML Commands

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>

Copy after login

Output:

HTML Commands

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>

Copy after login

Output:

HTML Commands

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>

Copy after login

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>

Copy after login

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!

source:php
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template