Scribd
Upload
13 views

HTML

The document discusses the three main layers of web development: 1. The presentation layer uses CSS to format HTML elements and control their display. 2. The content layer contains the actual HTML code and elements like text, images, and links. 3. The behavior layer uses scripting languages to add interactive effects to elements.

Uploaded by

Laila Hammad
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

HTML

The document discusses the three main layers of web development: 1. The presentation layer uses CSS to format HTML elements and control their display. 2. The content layer contains the actual HTML code and elements like text, images, and links. 3. The behavior layer uses scripting languages to add interactive effects to elements.

Uploaded by

Laila Hammad
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

INTRODUCTION TO WEB

AUTHORING
L.Hammad
WEB DEVELOPMENT LAYERS

L.Hammad
WEB DEVELOPMENT LAYERS

• Presentation Layer :
• To format whole web page(s) or individual elements. Stylesheet could
include page layouts using Tags and text/table formatting properties.
• CSS describes how HTML elements should be displayed. The presentation
layer is in the CSS.

L.Hammad
L.Hammad
WEB DEVELOPMENT LAYERS

• content layer:
• It is basically the HTML code of that page. ... These would include the text on
the pages, hyperlinks to navigate throughout the site, images and Videos .
The HTML holds it all together .

L.Hammad
L.Hammad
WEB DEVELOPMENT LAYERS

• Behavior layer :
To enter scripting language to a web page or an individual element to control
some special effects when previewing this element :
• Image Effects
• Pop up message

L.Hammad
WHAT IS HTML ?

• HTML stands for Hyper Text Markup Language


• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML is not a programming language .
• HTML Files are saved as .htm or .html
• It's not Case sensitive language .

L.Hammad
HTML EDITOR
• It is the software used to create webpage , these Web pages can be
viewed in a web browser such as Internet explorer , Firefox , Google chrome
.. Etc.

• There are Several types of HTML editors the main types are
• Text editor
• WYSIWYG (what you see is what you get )

L.Hammad
HTML TAGS

• HTML Markup Tags are also called HTML Tags , these tags identifies various
elements in HTML web page .
• There are two types of tags in HTML
1. Container Tags : these tags have a start and an end tag for an HTML
element . Ex. <HTML> </HTML > , <p> </p> ) .
2. Empty tag : these tags have only one start tag , and no closing tag for an
HTML element . Ex , <LI> , < IMG> , <HR> …etc.

L.Hammad
HTML ELEMENT
• The Content typed along with the start tag and the end tag is called HTML
element .
• Note that opening and closing tag should always follow sequence ,
i.e , the tag opens first closes last
<B><U> ICT </U></B> is a correct sequence .
<B><U> ICT </B></U> is incorrect Sequence .

L.Hammad
HTML TAG ATTRIBUTES
• Attributes of a tag provides additional information about HTML element .
• They are always written in the start tag .
• Attributes appear as an attribute name followed by an “=“ sign and then
the value , values should always be enclosed within double quotes , though
some browsers allow single quote ,for example
< IMG align=“Left”>
Here , align=“Left” is an attribute of the HTML Element .
Align is the attribute name while “left” is the value .

L.Hammad
STRUCTURE OF AN HTML DOCUMENT
• All HTML documents contain standard HTML structure HTML tags that are
executed in a web browser , the purpose of a web browser is to read the
HTML document and display them as Web pages .
• The browser doesn’t display the HTML tags , but interprets them and display
the content of the web page accordingly .

L.Hammad
MAIN HTML DOCUMENT ELEMENTS
• Root element : <HTML ></HTML>
• It’s used to detect the document as an HTML Document .

• Head Element :this element contains information about the document .this
is the first tag after the root element , and it can contain other tags inside it
such as <title > , style tag ..etc.

• Body element : this element defines the document's body ,this comes after
the head element . The body tag is used to display the content of the
webpage ( text , images , Links .. ) and can contain many other tags .

L.Hammad

You might also like