jeudi 8 août 2013

Learn Html serie - Text and paragraphs

After making first tutorial Structure of HTML  it reach more than 35 views in less than one hour, So I thought releasing the second tutorial will be a great move.
In the Last Tutorial  I explain the general structure of HTML and how to Install and Setup Notepad ++ in this tutorial we will discuss texts and paragraphs..


Let's start, each web page contain a lot of paragraphs and texts, all of them are done into <body> tag 
You can choice type or color of the paragraph in HTML.


Focus on this example code : 

<html>
<head>
<title> Text and paragraph </title>
</head>
<body>

<center>
<font size="8" color="red" face="arial"> 
This is my first web page 
</font>
</center>
<hr color="yellow" width="40" size="5">
<p align="center">
<b>HTML language </b>
<i> Javascript language </i>
<u> Php language</u></p>
 </p>
</body>
</html>
 

Let's explain this code,  <ceneter> tag mean your text will be located in the center of the page, <font> tag define how your text will look like including color, face and size witch you can change for your own modification.

" This is my first web page " will be in the center of the page with size 8 and red color as shown in the picture


The <hr> tag is for separating line color define the color of the line and width define the width of it, if you want it to be in all the page instead of 40 write 100% and it will be in all of the page as shown  in the picture bellow :





The <p> tag should be opened each time you will write a paragraph align mean where you paragraph will be whether in the middle, left or right.
The <b> tag to make a paragraph in " Gras "
The <i> tag to make a paragraph in " italics "
The <U> tag to make a paragraph   " underlined "


Aaaah Almost forget, You can choice the size of a line or paragraph by using this tags
<h1> : most bigger size
<h2> : second most bigger size
<h3> : less size than H2
<h4> : more less
<h5> : more more less
<h6> : the smallest size 






Well I guess I explain everything related to paragraph and texts..

YouTube video will be added soon within one hour


Thanks for reading
Copyright 2013-2014

Aucun commentaire:

Enregistrer un commentaire