Scribd
Upload
43 views

HTML Page Structure

Uploaded by

Rosemary Odor
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
43 views

HTML Page Structure

Uploaded by

Rosemary Odor
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

HTML Page Structure

Note: The content inside the <body> section (the white area above) will be
displayed in a browser. The content inside the <title> element will be shown
in the browser's title bar or in the page's tab.
‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

For learning HTML we recommend a simple text editor like Notepad (PC),
follow the steps below to create your first web page with Notepad:

Step 1: Open Notepad (PC)


Step 2: Write Some HTML

Step 3: Save the HTML Page


Step 4: View the HTML Page in Your Browser
‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

1- HTML hyperlink
HTML links are defined with the <a> tag:

2- HTML Images

Example

3- The <br> tag defines a line break


‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

4- HTML headings are titles or subtitles that you want to


display on a webpage.

5- HTML Formatting Elements

Formatting elements were designed to display special types of text:

 <b> - Bold text

 <strong> - Important text


‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

 <i> - Italic text

 <em> - Emphasized text

 <mark> - Marked text

 <small> - Smaller text

 <del> - Deleted text


‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

 <ins> - Inserted text

 <sub> - Subscript text

 <sup> - Superscript text


‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

Example write html tag, and make the required changes and look what
happens
‫محاضرات ‪ 1,2,3,4‬برمجة مواقع الكترونية‪ -‬عملي‬

‫‪HTML COLOR:‬‬

‫‪EXAMPLE‬‬
‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

Example: Type the following code in a editor, save it as an html file and open in
a browser. Observe and study their functions by viewing them in your browser.
Then, make the required changes and look what happens.

<html>

<head>

<title> My School </title>

</head>

<body>

My School:

Chennai Girls Higher Secondary School,

Rotler Street, Choolai, Chennai 600 112

My Subjects:

Tamil,

English,

Computer Application,

Commerce,

Accountancy,

Economics

My Computer Teacher:

Mr. K. Kannan, M.Com., M.CA., B.Ed.,

</body> </html>
‫ عملي‬-‫ برمجة مواقع الكترونية‬1,2,3,4 ‫محاضرات‬

Re-Write the above HTML code to get the following output:

You might also like