BASIC HTML
Manos Papagelis
1
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Basic HTML: Elements and Web Standards, Essays (high school) of Abnormal Psychology
Overview on Basic HTML: Elements and Web Standards
Typology: Essays (high school)
2014/2015
1 / 45
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Basic HTML: Elements and Web Standards and more Essays (high school) Abnormal Psychology in PDF only on Docsity!
BASIC HTML
Manos Papagelis
1
Overview
Basic HTML
More HTML Elements
Web Standards
2
Hypertext Markup Language (HTML) Describes the content and structure of information on a web page Not the same as the presentation (appearance on screen) Surrounds text content with opening and closing tags Each tag's name is called an element syntax: content example:
This is a paragraph
4XHTML
Uses a markup format called XML
XML + HTML = XHTML
Standardized in 2000
A strict XHTML page uses some different syntax and
tags than HTML
5
Page Title
Placed within the head of the page
Displayed in web browser’s title mark and when
bookmarking the page
7 … <head> <title> HARRY POTTER AND THE DEATHLY HALLOWS
**- PART 2 **
… HTML
Paragraph
Placed within the body of the page
8 …
Harry Potter and the Deathly Hallows , the last book in the series, begins directly after the events of the sixth book. Voldemort has completed his ascension to power and gains control of the Ministry of Magic
… HTML
Harry Potter and the Deathly Hallows, the last book in the series, begins
directly after the events of the sixth book. Voldemort has completed his
ascension to power and gains control of the Ministry of Magic
output
## Horizontal rule Should be immediately closed with />
10
First paragraph
****Second Paragraph
_HTML_First Paragraph
Second Paragraph
output
Block and Inline Statements
Block elements contain an entire large region of
content
examples: paragraphs, lists, table cells
the browser places a margin of whitespace between
block elements for separation
11
More HTML tags
Some tags can contain additional information called
attributes
syntax:
content
example: Next page
13
More HTML tags
Some tags don't contain content; can be opened
and closed in one tag
syntax:
example:
example:
14
More about anchors
Types of URLs that can appear in anchors:
Absolute : to another web site
Relative : to another page on this web site
16
Harry Potter and the Deathly Hallows Book
Wikipedia
_HTML_Harry Potter and the Deathly Hallows
Wikipedia output
Nesting tags
Tags must be correctly nested: a closing tag must
match the most recently opened tag
The browser may render it correctly anyway, but it
is invalid XHTML
17
Harry Potter and the Deathly Hallows Book
This text also links to Harry Potter Book
_HTML_Bad
More about images
If placed inside an anchor, the image will become a
link
The title attribute specifies an optional tooltip
**19 **
**** HTML
Line Break
br should be immediately closed with />
br should not be used to separate paragraphs or
used multiple times in a row to create spacing
20
One Ring to rule them all, One Ring to find them, **
** One Ring to bring them all and in the darkness bind them.
In the Land of Mordor where the Shadows lie.
_HTML_One Ring to rule them all, One Ring to find them,
One Ring to bring them all and in the darkness bind them
In the Land of Mordor where the Shadows lie.
output