Scribd
Upload
22 views13 pages

HTML

The document discusses HTML and how to create basic HTML pages using a text editor like Notepad. It defines HTML, tags, and elements. It provides instructions on starting Notepad, creating a basic HTML document structure, and setting document properties and colors.

Uploaded by

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

HTML

The document discusses HTML and how to create basic HTML pages using a text editor like Notepad. It defines HTML, tags, and elements. It provides instructions on starting Notepad, creating a basic HTML document structure, and setting document properties and colors.

Uploaded by

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

1

HTML
Definitions 2

 W W W – World Wide Web.


 HTML – HyperText Markup Language – The Language of Web Pages
on the World Wide Web.
HTML is a text formatting language.
 URL – Uniform Resource Locator.
 Browser – A software program which is used to show web pages.
 “Normal text” surrounded by bracketed 3
tags that tell browsers how to display
web pages
 Pages end with “.htm” or “.html”
 HTML Editor – A word processor that
has been specialized to make the
writing of HTML documents more
effortless.
Tags 4

 Codes enclosed in brackets


 Usually paired

<TITLE>My Web Page</TITLE>


 Not case sensitive
<TITLE> = <title> = <TITLE>
Choosing Text Editor 5

 There are many different programs that you can use to create web
documents.
 HTML Editors enable users to create documents quickly and easily by
pushing a few buttons. Instead of entering all of the HTML codes by hand.
 These programs will generate the HTML Source Code for you.
Choosing Text Editor 6

 HTML Editors are excellent tools for experienced web developers;


however; it is important that you learn and understand the HTML
language so that you can edit code and fix “bugs” in your pages.
 For this Course, we will focus on using the standard Microsoft Windows
text editors, NotePad. We may use also textpad.
Starting NotePad 7

NotePad is the standard text editor that comes with the microsoft windows
operating system. To start NotePad in windows 9x or XP follow the
steps bellow:
 Click on the “Start” button located on your Windows task bar.
 Click on “Programs” and then click on the directory menu labeled
“Accessories”.
 Locate the shortcut “NotePad” and click the shortcut once.
HTML Page Creation & Editing
8

In this chapter you will learn to create HTML


pages with a standard text editor.
Objectives
Upon completing this section, you should be able to
1. Choose a Text Editor.
2. Create a Basic Starting Document.
3. Understand and set Document Properties.
4. View Your Results in a Browser.
9
Creating a Basic Starting Document
<HTML>
<HEAD>
<TITLE>Al al-Bayt University</TITLE>
</HEAD>
<BODY>
This is what is displayed.
</BODY>
</HTML>
Creating a Basic Starting 10

Document
 The HEAD of your document point to above
window part. The TITLE of your document
appears in the very top line of the user’s browser.
If the user chooses to “Bookmark” your page or
save as a “Favorite”; it is the TITLE that is added
to the list.
 The text in your TITLE should be as descriptive
as possible because this is what many search
engines, on the internet, use for indexing your
site.
Setting Document Properties 11

 Document properties are controlled by


attributes of the BODY element. For
example, there are color settings for the
background color of the page, the
document’s text and different states of
links.
Color Codes 12

 Colors are set using “RGB” color codes, which are, represented as
hexadecimal values. Each 2-digit section of the code represents the
amount, in sequence, of red, green or blue that forms the color. For
example, a RGB value with 00 as the first two digits has no red in the
color.
Main Colours 13

You might also like