HTML full form? Hypertext Markup Language

HTML full form is Hypertext Markup Language. Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. HTML tags are the keywords that start with a less-than sign (<) and end with a greater-than sign (>) that surrounds the text you want to format. HTML5 is the latest version of HTML, and it includes new features like semantic tags, audio and video, and canvas elements.

The History of HTML

The history of HTML spans more than two decades. It was first proposed by Tim Berners-Lee in 1989, and the first version (HTML1) was released in 1991. HTML2 was released in 1992, followed by HTML3 in 1995.

HTML4 was released in 1997, and it remained the standard until 2011 when HTML5 was finalized and became the new standard.

HTML5 includes a number of new features, like semantic tags, audio and video elements, and canvas elements. Semantic tags are used to describe the meaning of a document, rather than just its structure.

Audio and video elements can be used to embed multimedia content on a page, and canvas elements can be used to draw graphics using JavaScript.

How to Use HTML Tags

To format text in HTML, you need to surround it with HTML tags. The most common tags are:

<p> paragraph </p>

<h1> heading level 1 </h1>

<h2> heading level 2 </h2>

<h3> heading level 3 </h3>

etc.

To create a heading, use the <h1> to <h6> tags. For example, this is a level-1 heading:

<h1>This is a Heading</h1>

To create a paragraph, use the <p> tag. For example, this is a paragraph:

<p>This is a paragraph.</p

The Basic Structure of an HTML Document

An HTML document has a basic structure that includes the following:

<head> – Contains information about the document, like the title and meta tags.

<body> – Contains the content of the document.

</head> – Marks the end of the head section.

</body> – Marks the end of the body section.

</html> – Marks the end of the document.

The <head> section contains information about the document, like the title and meta tags. The <body> section contains the content of the document. The <HTML> tag marks the end of the document.

Adding Images and Links to Your Pages

Adding images and links to your pages is a great way to add content and make your pages more interesting. To add an image, use the <img> tag. For example, this is how you would add an image to your page:

<img src=”https://www.example.com/image.jpg”>

To add a link, use the <a> tag. For example, this is how you would add a link to your page:

<a href=”https://www.example.com”>Link Text</a>

Using Special Characters

HTML allows you to use a number of special characters, like * and +. For example, if you want to add a bullet list, you can use the <ul> tag:

<ul>

<li>item 1</li>

<li>item 2</li>

</ul>

You can also use HTML as an advanced calculator. For example, this is how you would calculate 5 plus 3 divided by 2 minus 4 times .5 plus 2 equals 11:

<form action=””>

<input name=”n1″ value=”5″ type=”number”> +

<input name=”n2″ value=”3″ type=”number”> /

<input name=”n3″ value=”2″ type=”number”> –

<input name=”n4″ value=”4″ type=”number”> *

<input name=”n5″ value=”0.5″ type=”number”> +

<input name=”n6″ value=”2″ type=”number”> =

</form>

This is how it would appear:

The HTML 5 <canvas> Element

The HTML <canvas> element creates a container for graphics on the page. It allows JavaScript to draw graphics, so you can use it to create interactive drawings and animations. To specify the size of the canvas, use width and height attributes:

<canvas id=notacanvas width=”100″ height=”100″></canvas>

To add a border around the canvas, add the style attribute:

<canvas id=notacanvas width=”100″ height=”100″ style=”border:1px solid red;”> </canvas>

Inside the <canvas> tag you can use JavaScript to draw shapes and images by using the following methods:

Formatting Text with HTML Tags

Formatting text with HTML tags is a great way to make your pages more interesting and easier to read. The most common tags are:

<p> paragraph </p>

<h1> heading level 1 </h1>

<h2> heading level 2 </h2>

<h3> heading level 3 </h3>

etc.

To create a heading, use the <h1> to <h6> tags. For example, this is a level-1 heading:

<h1>This is a Heading</h1>

To create a paragraph, use the <p> tag. For example, this is a paragraph:

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

To create a line break, use the <br /> tag. For example, this is how to create a line break:

<p>This line will be followed by another line.</p><br />

The Basic Structure of an HTML Document

An HTML document has a basic structure that includes the following:

<head> – Contains information about the document, like the title and meta tags.

</head> – Marks the end of the head section.

</body> – Marks the end of the body section. </html> – Marks the end of the document. The <head> section contains information about the document, like the title and meta tags.

The <body> section contains the content of the document. The <HTML> tag marks the end of the document. Adding Images and Links to Your Pages Adding images and links to your pages is a great way to add content and make your pages more interesting.

To add an image, use the <img> tag. For example, this is how you would add an image to your page:

<img src=”https://www.example.com/image.jpg”>

To add a link, use the <a> tag. For example, this is how you would add a link to your page:

<a href=”https://www.example.com”>Link Text</a> Using Special Characters HTML allows you to use a number of special characters, like * and +. For example, if you want to add a bullet list, you can use the <ul> tag:

<ul>

<li>item 1</li>

<li>item 2</li>

</ul> You can also use HTML as an advanced calculator. For example, this is how you would calculate 5 plus 3 divided by 2 minus 4 times .5 plus 2 equals 11:

<form action=””>

<input name=”n1″ value=”5″ type=”number”> +

<input name=”n2″ value=”3″ type=”number”> /

<input name=”n3″ value=”2″ type=”number”> –

<input name=”n4″ value=”4″ type=”number”> *

<input name=”n5″ value=”0.5″ type=”number”> +

<input name=”n6″ value=”2″ type=”number”> =

</form> This is how it would appear: The HTML 5 <canvas> Element

The HTML <canvas> element creates a container for graphics on the page. It allows JavaScript to draw graphics, so you can use it to create interactive drawings and animations. To specify the size of the canvas, use width and height attributes:

<canvas id=notacanvas width=”100″ height=”100″></canvas> To add a border around the canvas, add the style attribute:

<canvas id=notacanvas width=”100″ height=”100″ style=”border:1px solid red;”> </canvas> Inside the <canvas> tag you can use JavaScript to draw shapes and images by using the following methods: *Formatting Text with HTML Tags

Formatting text with HTML tags is a great way to make your pages more interesting and easier to read.

Creating Tables in Your Pages

Creating Tables in Your Pages

Tables are a great way to organize your data on the page. To create a table, use the <table> tag:

<table>

<tr>

<td>header 1</td>

<td>header 2</td>

</tr>

<tr>

<td>data 1</td>

<td>data 2</td>

</tr>

</table> The <table> tag creates a table, and the <tr> and <td> tags create table cells. The <tr> tag defines a row, and the <td> tag defines a column. To add borders around the table, add the style attribute:

<table style=”border:1px solid black;”>

Headers, Footers, and Backgrounds

To create headers and footers in your pages, use the <body> element’s attributes. To put text at the top of the page you can use <body> ‘s attributes- for example:

<body onLoad=”document.write(‘<h1>Welcome</h1><p><i>Welcome to my Web site!</i></p>’)”

This would print ” Welcome ” at the top of every page. You can also set up backgrounds using HTML tags. For example, if you wanted all of your pages to have a background color blue with white text, it would look something like this:

<HTML>

<BODY bgcolor=”blue” text=”white”>

</HTML> To have a fixed background image behind your page, do this:

<HTML>

<HEAD>

<style type=”text/css”>

html {background-image:URLimage(“.jpg”)} /* background images are specified with url(), and the location is relative to the HTML file */

body{background-color:#CCCCCC;} /* any CSS color specification will work here*/

a img{border:none;}/* this command makes borders around images disappear */

</style>

</HEAD>

<BODY bgcolor=”#996633″ text=”#FFFFFF”>

</BODY>

</HTML> To set up a fixed background color, do this:

<HTML>

<HEAD>

<style type=”text/css”>

html {background-color:#CCCCCC} /* any CSS color specification will work here*/

body{background-image:url(“.jpg”)}/* for the body we want to use a background image */

a img{border:none;} /*****for images, we want no border which is what this does*****/

</style>

</HEAD>

<BODY bgcolor=”#996633″ text=”#FFFFFF”> <CENTER>

<BR><BR>

</center>

</BODY>

</HTML>

/CENTER></HTML>

Embedding Audio and Video Files on Your Pages

Embedding audio and video files on your pages is a great way to add multimedia content to your site. It’s easy to do, and there are a variety of different file formats that you can use. In this article, we’ll walk you through the process of embedding audio and video files on your pages.

To embed an audio or video file on your page, you first need to upload the file to a web server. There are a number of different ways to do this: you can use a hosting service such as YouTube or Vimeo, or you can host the file on your own website.

Once the file is uploaded, you need to copy the Embed Code for the file. This code tells browsers how to display the file – for example, which dimensions it should have.

There are several different formats you can use to embed media files on your page: WAV, MP3, WMA, OGG or FLAC. The one you choose depends upon whether or not browsers running on your site’s visitors’ computers will be able to play the audio correctly – older versions of Windows Media Player don’t support all formats.

For most purposes, though, it’s best to stick with either MP3 or OGG files – both are supported by virtually all modern browsers.

Once you’ve completed these steps, you need to insert the Embed Code into your Web page in an appropriate place; usually, this is immediately after the opening BODY tag.

The final step in the process is to add a line of code that tells the browser whether or not it should require a plug-in in order to play the file. It’s generally best to include this, as many browsers will download large files slowly over a dial-up connection if they don’t have to. In general, you’ll want to set this option for any audio or video files larger than 1 MB:

HTML Attributes

HTML Attributes are pieces of code that you can use to control how a web page looks and behaves. There are a variety of different HTML Attributes that you can use, and each one has a specific purpose. In this article, we’ll introduce you to some of the most common HTML Attributes.

The BODY tag is one of the most important tags in HTML – it tells the browser what content to display on the web page. The BODY tag has a variety of different Attributes that you can use to control how the content is displayed. For example, the Background Attribute sets the background color for the page, while the Text Attribute sets the text color.

The Width and Height Attributes set the dimensions of the page, while the Align Attribute controls the alignment of text or images on the page. You can also use these Attributes to control how things are displayed if they don’t fit within the page’s space using the Overflow and Z-Index Attributes.

The ALT Attribute tells search engines what alternative text should be used if an image cannot be displayed, while the CLASSIC attribute is used for embedding media files. There are other Attributes that you can use to control other aspects of your page; in this article, we briefly introduce some common ones, though this is by no means an exhaustive list.

If there’s one thing that many visitors like about websites – aside from content, of course – it’s flashy graphics and visual effects. And since most visitors will never see your site the same way that you do, it’s important to think about how they’re going to experience it.

The HEAD Element

The HEAD Element is one of the most important elements in HTML, as it contains information about the document that the browser can use to improve performance. The HEAD element contains the following:

-Title: The Title is displayed in the title bar of the browser, and is used by search engines to determine the content of a web page. It’s important to include keywords in the title, as this will help your page rank higher in search engine results pages.

-Meta Tags: Meta Tags are pieces of information about a web page that aren’t displayed on the page itself. They’re used by search engines and other programs to get more information about a page.

-Scripts: Scripts are pieces of code that are used to control various aspects of the page. For example, there are scripts for controlling how information is displayed on a page, and scripts used for collecting information about visitors.

-Style Sheets: Style Sheets affect how your web pages are displayed – fonts, colors, background images can all be set using Style Sheets. If separate style sheets are attached to the document by using the LINK tag, the browser will download them as needed rather than all at once.

-Document Type Definition (DTD): The DTD describes what type of HTML document you’re using – that is, whether it uses Strict or Transitional rules. This ensures that your web page will display properly with different browsers.

The BODY Element

The BODY element is the main part of the document and contains the content that will be displayed on the web page. This can include text, images, and other multimedia content.

The BODY element has a variety of different Attributes that you can use to control how the content is displayed. For example, the Text Attribute sets the text color, while the Background Attribute sets the background color.

You can also use these Attributes to control how things are displayed if they don’t fit within the page’s space using the Overflow and Z-Index Attributes.

if you want to learn more about HTML and CSS, please visit wp3school

Leave a Comment