HTML Basic

HTML Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The document HTML itself starts at < html > and ends at < /html>.
The HTML document's visible part is between < body > and < /body>.
The <head> tag represents the document's header which can keep other HTML tags like <title>, <link> etc.
The <title> tag is used inside the <head> tag to mention the document title.
The <p> tag represents a paragraph.
The <h1> tag represents the heading.

Following is an example of an HTML document:

 

 

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>


Output:

 

My First Heading

My first paragraph.

 

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading:

Example:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example:

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

HTML Links

HTML links are defined with the <a> tag:

Example:

<a href="https://www.ukacademe.com">This is a link</a>

The link's destination is specified in the href attribute.
Attributes are used to supply additional HTML element information.

HTML Images

HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes

Example:

<img src="ukacademe.jpg" alt="UKAcademe.com" width="104" height="142">

HTML Buttons

HTML buttons are defined with the <button> tag:

Example

<button>Click me</button>

HTML Lists

HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):

Example

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

 

 

Line Break

Line Break in HTML defined by <br /> tag.
The <br /> tag has a space between the characters br and 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


<!DOCTYPE html>
<html>
<body>
<p>Hello.<br />
You delivered your assignment ontime.<br />
Thanks.<br />
Rohit.<br />
</p>
</body>
</html>