Basic HTML: Elements and Web Standards, Essays (high school) of Abnormal Psychology

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

4

XHTML

 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 … 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:

<img src=“Harry.jpg" alt="pic of Harry Potter" />

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 <img src="images/dumbledore.jpg" alt=“Dumbledore from Harry Potter" title="Alas! Ear wax!"/> 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