Header Ads

Header ADS

HTML Summary

HTML stands for hypertext markup language for Web pages.
With HTML you can create your own Website.
Here you get the summary of HTML.

HTML is not case sensitive.

HTML Page Structure:

<html>

    <head>
        <title>Page title</title>   
     </head>  

<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
</body>

</html>

[NOTE: Only the content inside the <body> section (the black area above) is displayed in a browser.]

Example:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

HTML Tags:

<tagname>content goes here...</tagname>

HTML Headings:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

HTML Paragraphs:


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

HTML Links:

<a href="https://learn360online.blogspot.com/">This is a link</a
              
 [Here, href=attribute]

HTML Images:

<img src="File.jpg" alt="learn360online.blogspot.com" width="104" height="142">

[Here, attributes are---- src= source file,alt=alternative text, Width and height]
                     

HTML Buttons:


<button>Click here</button>



HTML Lists:


[li=List Element]

1.Unordered/bullet list:

<ul>
  <li>Table</li>
  <li>Book</li>
  <li>Pen</li>
</ul>



2.ordered/numbered list:

 <ol>
  <li>Table</li>
  <li>Book</li>
  <li>Pen</li>
 </ol>








HTML Elements:

The HTML element is everything from the start tag to the end tag.
Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<be>

Empty elements:HTML elements with no content are called empty elements. Empty elements do not have an end tag.

ExampleThe <br> element (which indicates a line break).


Nested HTML Elements: Whenever elements contain other elements then it is called nested elements.
Example: 

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>


Here, the <body> element contain two other HTML elements: <h1> and <p>. 



No comments

Powered by Blogger.