Monday, January 29, 2018

HTML - Class 1 (Get Started with HTML)

Assalam-u-Alikum Guys,

First of all need to understand the basic Structure of HTML.

Structure should be like this :

----------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>
----------------------------------------------------------------------------------------------------------------------
that is the BASIC structure of HTML.

  1. Every document contain <!doctype html> tag that is Document type Declaration.
  2. You see that All tags are starts must be ended. Example : <html>  ....content....     </html>
  3. Some tags has no need to ending. Example :  <br/> -  <!DOCTYPE html> -  <input>
  4. All contents that web page contain written between the <body> tag.


Now lets Start :

First of you need to OPEN text editor. No need to write just GO TO File>Save.
Now write name of file with Extension .html  (Named the file as you want)
and save the file.

For Example : sample.html


Your File contains :

----------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1st class</title>
</head>

<body>

<h1>That my 1st Class of HTML</h1>

<p>I am from Attock, Pakistan......and that is my first paragraph</p>


</body>

</html>
----------------------------------------------------------------------------------------------------------------------

afterward save the file (CRTL + S).

OPENING the HTML file :

1- Goto location where you SAVED the file.
2- Right click on file and click on open with.
3- Select your browser.

you will see- a heading (That my 1st Class of HTML) - a paragraph (I am from Attock, Pakistan......and that is my first paragraph) 
that are we write between the <Body> tag in our file.


Note : Don't worry if example use tags or something ambiguous taht you have not learned until. You will learn about all the Tags in the next POSTs. 
INSHA ALLAH




Thanks for paying attention.

Tutor : Asad Saleem

4 comments: