Scribd
Upload
8 views42 pages

Prep 2 Unit 2

Uploaded by

arabianking201484
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views42 pages

Prep 2 Unit 2

Uploaded by

arabianking201484
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 42

Which country

would you like


to visit?
HTML:
It is a coding language used to
create internet pages which are
used through an internet browser.
HTML codes:
To create a web page, HTML codes are used, these
codes are called Tags. An internet browser executes
these tags on the browser page.
- Create a text file using a text editor to write and edit the
HTML tags.

- Write the HTML tags between these signs “<” “ >”.

- Write most of the tags with a start " < >" and an end " </>".

- Save the text file with the HTML tags with .htm or .html
extension.
- - Open the saved file using a web browser and notice the result.
The Structure of creating a web page using HTML:
The Structure of creating a web page using HTML:

head the part where the page


information is written for the
browser like page title.

the part where the content is written.


body
1- open notepad.
2-write the code.
3-save the file from file menu then save don’t forget to write the name and add the extension.
<html>
<head>……………….. </head>
<body>
……………..
……………..
</body>
</html>
Add a title in a web page:
<title>.......</title>

Adding a content to a web page (text-image-video-


hyperlink…)
First: Adding a text to the web page:

Changing the direction of the web page using "dir" property


Web page formatting

 formatting the text includes many processes, from


them
o Type the beginning from a new line
o Text alignment
o Putting spaces between words
o Formatting the font (face, volume, cooler, style)
 Formatting the web pages includes:
o Changing the cooler of the web page background.
o Putting an image as a background web page.

Firstly : formatting the text in the web page:


1-Writing at the beginning of a new line by <br> tag.
2- Centering the text by <center>… </center> tag.
3- Add blank space between words by &nbsp
Formatting the font in the web page (face, size, color)
4-a Format the font in the web by <font>…</font>
Formatting the font in the web page (underlined/ bold/ italic)

4-b formatting the font in the web page


Secondly : Formatting the background of the web page.

1- Selecting the background color for the web page by the property bgcolor
2- Adding image as a web page background by the property Background
Dealing with images in the web pages:
1- Insert image inside the web page by <img> tag.
Formatting the images in the web pages:

1- Controlling the image dimension in the web page.


3- Align the image inside the web page
Insert the sound as a background sound by <bgsound>tag
Insert Video in the web page by <embed> tag
Insert hyperlink in the web page by the <a>…</a>tag .

Hyperlink:
To insert a hyperlink, we use href property to the <a> that selects its value;

<a href= "the needed title, we want to move to" > the text or image </a>

1- Insert hyperlink text by the <a>…</a> tag .


2- Insert a hyperlink to an image
Question: 1 Choose the suitable correct answer to the following phrases:
1- HTML refers to the phrase…………
a- Hyper Text Markup Library.
b- Help Table Made Layout.
c- Hyper Text Markup Language.
2- The web page which uses HTML in its design, it is only considered a……page.
a- interactive
b- Active
c- static
3- Using languages like JavaScript and PHP besides HTML in the design of the web page is to
modify the page to…………
a- interactive
b- Homepage
c- subpage
4- To display a text on the web page, we write the text in the…………….
a- Head
b- Title
c- Body
1- HTML refers to the phrase…………
a- Hyper Text Markup Library.
b- Help Table Made Layout.
c- Hyper Text Markup Language

2- We must save the HTML file with the


extension……………..
a- Docx
b- Jpg
c- Htm

3- To select the background color of the web page, we use the


property…….
a- bgcolor
b- background
c- color
Explain what is meant by the following codes:

<Title> My School </Title>


............................................................................................
<body bgcolor="green">
............................................................................................

You might also like