Itisacodinglanguageusedtocreateinternetpageswhich · 2019. 12. 20. · You can write the HTML tags...
14
Transcript of Itisacodinglanguageusedtocreateinternetpageswhich · 2019. 12. 20. · You can write the HTML tags...
It is a coding language used to create internet pages which
are used through an internet browser.
To create a webpage, HTML codes are used, these codes
are called tags.
Mr.Ibrahim Mahmoud
1- Create a text file using a text editor.
2- Write HTML tags .
3- Write HTML tags between these signs “<….>”.
4- Write the most of the tags with a start “<……>
and the end “ </……>” .
5- Save the file with .htm OR .html
6- Open the saved file using a web browser.
Mr.Ibrahim Mahmoud
Head the part where the page information is written for the
browser like page title.
Body the part where the webpage content is written.
Mr.Ibrahim Mahmoud
< html>
< head >
<title>
…………
</title>
</head>
< body>
…………
…………
</body>
</html>
Web page title
Web page content
Refer that the document is
written in HTML
The part where the page information
is written
Mr.Ibrahim Mahmoud
You can write the HTML tags with Capital letters
or small letters
The internet explorer isn’t affected by the left
spaces in the file or by moving to a new line by
pressing the enter key.
Mr.Ibrahim Mahmoud
RTL : page orientation from right to left .
LTR: page orientation from left to right .
< body dir = “rtl” >
Mr.Ibrahim Mahmoud
writing at the beginning of a new line
We use the <br> tag
Centering the text by center
We use the <center>………</center> tag
Add blank space between words
We use the tag
To change the back ground color
<body bgcolor = "sky blue ">
Mr.Ibrahim Mahmoud
Face: choose the font type .
Color : choose the font color .
Size: choose the font size.
Underline : <u> ……</u>
Italic: <i> ……</i>
Bold: <b> ……</b>
< font face =“andalus” color = “red” size=“6” >
<u>Welcome to our school</u>
< /font>Mr.Ibrahim Mahmoud
< body background=“image name.jpg” >
< /body>
To insert image in new line
<img src =“image name.jpg>
Mr.Ibrahim Mahmoud
To insert image in new line
<img src =“image name.jpg”>
The inserted image can be formatted by
controlling the dimensions ( height & width )
<img src =“image name.jpg” height =“450” width=“800” >
Mr.Ibrahim Mahmoud
Align the image in the web page
We align the image through the property Align to the <img> tag
<img src =“image name.jpg” align = “right”>
The values of the align property
Right Align the image to the right
Left Align the image to the left
Middle center the text in the middle of the image
Bottom the text is positioned align down the image
Top the text is positioned align top the image
Mr.Ibrahim Mahmoud
Insert the sound as a background
We can insert the sound using
<bgsound src =“soundname.mp3”>
Insert Video in the web page
We insert the video inside the web page, by using the tag
<embed src =“videoname.avi”>
Mr.Ibrahim Mahmoud
Insert Hyper Links
We can insert Hyper Links by using the Tag
<a herf =“the target page or URL Link”>
Here we write the text that will be pressed to reach the goal
</a>
Example
< a herf = “ www.ibm4c.com”>
For more lessons click here
</a>
Mr.Ibrahim Mahmoud
