Friday, 7 April 2017

HTML TAGS

Html Tags

What is HTML

HTML acronym is Hyper Text Markup Language. It is a standard markup language. HTML is used to create website and web pages.
During creation of website HTML coding automatically generate (you don’t need to write HTML). If you want to change code then you can easily change. Google Blogger creates by HTML.
HTML used in Digital Marketing for website creation.  
HTML created by Tim Berners Lee.
HTML is Non Case Sensitive. If you write capital HTML or small html both meaning are same.

HTML TAGS

How to Create HTML Tags Webpage Using Notepad

Open notepad- Go to Start button> All programs/All apps > Windows Accessories > Notepad.
After opening notepad click on Save As. Write file name with HTML extension. Like Angela.html, Robert.htm, Angelina.html. HTML document has two extensions .html, .htm. Both are same extensions, you can save in any one extension. By default notepad document save in .txt. .txt is not html file.
After saving document you will see internet icon on your file. Internet icons like Microsoft Edge/ Internet Explorer/ Mozilla Firefox/ Google Chrome. 
HTML TAGS

HTML Tags

HTML is dependent on Tags. To perform functions (like write title, heading, text bold, italic etc), you have to define tags. Tags include opening tag and closing tag. For few tags, you have to define both tags opening and closing tag and for few tags you have to define only opening tag (it will close automatically). Tags are written in delimiter symbol < >. Tags are used in blog, website and notepad also. There are many types of html tags. In this article, we learn tags which are essential for creation of website.

1.    HTML Tag
When we create any HTML document firstly we have to define html tag, which is essential for document. Without defining this tag, you can’t create file.
Tag:
<html>
</html>

<html> is a opening tag, which defines starting of the document.
</html> is a closing tag, which defines end of the document.
Through this tag compiler will understand this is HTML document.

Example:
In this example, firstly we write HTML Tags in notepad. Then open the same file with internet explorer. The purpose of web browsers (internet explorer/ google chrome) is to read HTML documents and display them. The web browsers can’t display HTML Tags, but determine how to display HTML document.

HTML TAGS

HTML TAGS

2.    HEAD Tag
HEAD tag is used after HTML Tags. In head tag, we can define Title tag. When we write title of the document we will use title tag and define in head tag.
Tag:
<head>
<title> Page Title </title>
</head>

Example:

In head tag, one more important tag is used which is Meta tag. Meta tags are used with HTML tags. Later on I’ll explain about Meta tags.


HTML TAGS

HTML TAGS

In head tag, one more important tag is used which is Meta tag. Meta tags are used with HTML tags. Later on I’ll explain about Meta tags.

3.    BODY Tag
BODY tag is used after head tag. In body tag, we can define Heading Tag and Paragraph Tag.

Heading Tag:
When we write heading in the document we will use this tag and define in Body tag. Heading tag plays very important role in html tags. There are six types of heading tag <h1> to <h6>.
<h1> is most important heading and <h6> is least important heading.
In <h1> heading text is larger and in <h6> heading text is smaller.
Tag:
<body>
<h1> First Heading </h1>
<h2> Second Heading </h2>
<h3> Third Heading </h3>
<h4> Fourth Heading </h4>
<h5> Fifth Heading </h5>
<h6> Sixth Heading </h6>
</body>

Example:


HTML TAGS

HTML TAGS


Paragraph Tag:
When we write paragraph in the document we will use this tag and define in Body tag.
Tag:
<body>
<p> Text </p>
</body>

Example:

HTML TAGS

HTML TAGS

4.    Break Tag
Break tag is used to insert one line space between texts. In body tag, we can define Break tag. Break tag is empty tag it means it does not have closing tag. In HTML Tags, the break tag has no end tag.
Tag:
<body>
<p> Text <br/> Text <br/> Text </p>
</body>

Example:

HTML TAGS

HTML TAGS


5.    Anchor Tag
Anchor tag is used to link one page to another page.
Let, I’m writing a paragraph and mention “Best Digital Marketing Tutorials” words in paragraph. I’ll link these words with my website. After this linking visitors easily visit my website through these words. Linking can be done by Anchor tag.
After linking text color will automatically change to blue and text will underline.
In body tag, we can define Anchor tag.
We can also use anchor tag in Heading tag and Paragraph tag. In HTML Tags, Anchor Tag is mostly used for inbound links and outbound links.
a represents anchor.
href represents hyper link reference.

Tag:
<body>
<a href=””> Text </a>
</body>

Example:

HTML TAGS

HTML TAGS

6.    Image Tag
Image tag is used to insert images in HTML document. Image tag is very important tag of HTML tags.
In body tag, we can define Image tag.
There is no closing tag of Image tag.
img represents image
src represents source. It means image source like address/url of image
alt represents alternative name of image. Sometime image can’t display because of slow internet connection. In place of image, Image Name will display.
height represents height of image
width represents width of image

Tag:
<body>
<img src=”” alt=”” height=”” width=””>
</body>

Example:

HTML TAGS

HTML TAGS
  

Another Example:
In this example, I will link image with website. If visitor wants to “Read More” about this image. He will click on image and website will open. If you want to know address/url of website then place your cursor on image.

HTML TAGS

HTML TAGS

7.    Marquee Tag
Marquee tag is used to move text from right to left.
In body tag, we can define Marquee tag.
In HTML tags, this tag mostly used to display Headlines/news.
Tag:
<body>
<marquee> Text </marquee>
</body>

Example:

HTML TAGS

HTML TAGS


Another Example:
In this example, I will link marquee text with website. If visitor wants to “Read More” about this text. He will click on moving text and website will open. If you want to know address/url of website then place your cursor on moving text. After linking of text, Text color will change to blue and underline also.

HTML TAGS

HTML TAGS

8.    Other HTML Tags
Other tags like Bold Tag, Italic Tag and Underline Tag.

Bold Tag:
Through Bold tag, text will display in bold.
Tag:
<body>
<b> Text </b>
</body>

Italic Tag:
Through Italic tag, text will display in italic.
Tag:
<body>
<i> Text </i>
</body>

Underline Tag:
Through Underline tag, text will underline.
Tag:
<body>
<u> Text </u>
</body>

Example:

HTML TAGS

HTML TAGS

HTML Tags Page Structure


<html>
                <head>
                                <title>Page Title</title>
                </head>
<body>
                <h1>Heading</h1>
                <p>Paragraph</p>
</body>
</html>



HTML Tags Example


HTML TAGS

HTML TAGS

2 comments:

Copyright © Best Digital Marketing Tutorials