You are currently viewing Basic HTML Heading, Paragraph, Link, List, Image and Button
Lesson 03 imaage

Basic HTML Heading, Paragraph, Link, List, Image and Button

First of all, in this Basic HTML post we will learn the very basic about them just to take a very elementary background. And we will study them later deeply.

Watch this video for more:

Very basic HTML elements

Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>. Also, the HTML document itself begins with <html> and ends with </html>.

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

Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading: 

 <h1>Header 1</h1>
 <h2>Header 2</h2>
 <h3>Header 3</h3>

Paragraphs

Similarly to heading HTML paragraphs are defined with the <p> tag:

 <p>Simple Paragraph.</p>
<p>Another paragraph.</p> 

Links

HTML links are defined with the <a> tag:

<a href="https://www.safhatech.com">Safhatech.com</a>

Similarly to the link’s destination is specified in the href attribute. These attributes could be used to provide additional information about HTML elements.

You will learn more about attributes in a later lessons.

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="safhatech.jpg" alt="safhatech.com" width="200" height="160"> 

Buttons

HTML buttons are defined with the <button> tag:

 <button>Click for action</button> 

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>HTML</li>
  <li>CSS</li>
  <li>Javascript</li>
  <li>PHP</li>
</ul> 

This post is one of the HTML5 for deep understanding course. where we will learn every common elements from basic to the advanced element.

In addition each lesson has a video which you could visit and watch for more practicing and for deep understanding.

We hope that we could give the best for you and for the deep and easy understanding.

You could follow the series from our website SAFHATECH.com and go to categories and then programming and then Choose the course you want then just click next post to go step by step.

Finally we hope every thing is works as you suspect.


Consequently You could follow us at :

Website URL: https://www.safhatech.com/

Youtube: https://www.youtube.com/channel/UCIVzh6iykNowNcOUT5Gfasw

Twitter: http:// https://twitter.com/safhatech

Instegram: https://www.instagram.com/safhatech

Facebook: http:// https://www.facebook.com/Safhatech-487171875443687

Phone:967772223681

:

Leave a Reply