Header Ads Widget

Responsive Advertisement

Horizontal Lines

Horizontal lines are used to visually break-up sections of a document. The

tag creates a line from the current position in the document to the right margin and breaks the line accordingly.For example,you may want to give a line between two paragraphs as in the given example below: 

 Example

This will produce the following result:This is paragraph one and should be on topThis is paragraph two and should be at bottomAgain
tag is an example of theemptyelement, where you do not need opening and closing tags, as there is nothing to go in between them.The
element has a space between the charactershrand the forward slash. If you omit this space, older browsers will have trouble rendering the horizontalline, while if you miss the forward slash character and just use
it is not valid in XHTML

Centering Conten

 You can use<center>tag to put any content in the center of the page or any table cell.

Example



 

This will produce the following result. This text is not in the center. This text is in the center.

Line Break Tag

 Whenever you use the<br />element, anything following it starts from the next line. This tag is an example of anemptyelement, where you do not need opening and closing tags, as there is nothing to go in between them.The <br /> tag has a space between the charactersbrand the forward slash. If you omit this space, older browsers will have trouble rendering the line break, while if you miss the forward slash character and just use <br> it is not valid in XHTML. 

Example


 

Paragraph Tag

 The<p>tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag as shown below in the example:

 Example 


 

 

Heading Tags

 

 Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. While displaying any heading, browser adds one line before and one line after that heading.

Example


 

This will produce the following result:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

The Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:



There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE...> tag along with other HTML tags.

HTML Document Structure

A typical HTML document will have the following structure:
We will study all the header and body tags in subsequent chapters, but for now let's see what is document declaration tag.

HTML Tags

 

As told earlier, HTML is a markup language and makes use of various tags to format the content. These tags are enclosed within angle braces<Tag Name>. Except few tags, most of the tags have their corresponding closing tags. For example,<html>has its closing tag</html>and<body>tag has its closing tag</body>tag etc.Above example of HTML document uses the followingtags:


 

To learn HTML, you will need to study various tags and understand how they behave,while formatting a textual document. Learning HTML is simple as users have to learn the usage of different tags in order to format the text or images to make a beautiful webpage.World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML 4.

Basic HTML Document

In itssimplest form, following is an example of an HTML document:
Either you can useTry itoption available at the top right corner of the code box to check the result of this HTML code, or let's save it in an HTML filetest.htmusing your favorite text editor. Finally open it using a web browser like Internet Explorer or Google Chrome, or Firefox etc. It must show the following output

HTML OVERVIEW

HTML stands for Hyper text Markup Language, and it is the most widely used language to write Web Pages. . Hypertextrefers to the way in which Web pages (HTML documents) are linked together. Thus,the link available on a webpage is called Hypertext. . As its name suggests, HTML is aMarkup Languagewhich means you use HTML to simply "mark-up" a text document with tags that tell a Web browser how to structure it to display.Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.