Friday, 29 March 2019

HTML Basic Examples With Tags

An HTML element usually consists of a start tag and end tag, with the content inserted in between:
<tagname>Content goes here...</tagname>

Some Tags :

start tag                     end tag


  <html>                                                  </html>
  <head>                                                 </head>
  <title>                                                   </title>
  <body>                                                 </body>
  <h1>                                                     </h1>
  <p>                                                       </p>
  <br>                                                      </ br>


HTML Documents

All HTML documents must start with a document type declaration:<!DOCTYPE html> .

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.


<!DOCTYPE html>             
<html>                      
<body>                      

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

</body>                     
</html>                     

HTML Headings

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

<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:

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

HTML Links

HTML links are defined with the <a> tag:

<a href="https://www.s-t-info.blogspot.com">This is a link</a>

HTML Images

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

<img src="s-t-info.jpg" alt="Science&Technology info." width="104" height="142">

HTML Buttons

HTML buttons are defined with the <button> tag:

<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):

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



No comments:

Post a Comment