Chapter 02 WDM

Chapter Objectives
1. Describe HTML,XHTML, and HTML 5
2. Identify the markup language in a web page document
3. Use the htm,head,body,title and meta elements to code a template for a web page
4. Configure the body of a web page with headings,paragraphs,line breaks,divs,lists

and blockquotes
5. Configure text with phrase elements
6. Configure special characters
7. Use the new HTML5 header,nav,main, and footer elements
8. Use the anchor element to link from page to page
9. Cretae absolute,relative and email hyperlinks
10. Code, save and display a wepage
11. Test a webpage document for valid syntax

Two checkpoints
Checkpoint 1.
1. Describe the origin, purpose and features of HTML
2. Describe the software needed to create and test
webpages
3. Describe the purpose of the head and body sections of a
web page
1.1 Describe the origin,purpose and features of HTML
A Markup language , set of markup symbol, codes placed in a file that is

intended to display a web page
Developed in 1991 by Tim Berner-Lee.
Purpose of HTML
Only one element
<tag></tag>
Identify the type of DTD ( Document Type Definition)
DTD identifies the version of HTML
DTD statement, commonly called Doctype is the first line of the HTML:
<
1.2 Describe the purpose of the head and body sections of
a web page
Head section include elements which do not show in the web page such
as head, title, meta element
Body contains texts and elements that display of the webpage

<html>
<head>
<title>My Page Title</title>
</head>
<body> This is where all my web page content
goes! </body>
</html>
Two checkpoints
1. Checkpoint 2 .
1. Describe the features of the heading element and how it
configures the Text?
2. Describe the difference between ordered list and

unordered list
3. Describe the purpose of the blockquote text.
4. Remember headings and Accessibility

Checkpoints
1. Checkpoint 3 .
1. Describe the purpose of the special characters
2. Describe when to use an absolute link. Is the http protocol

used in the href value?
3. Describe when to use a relative link . Is the http protocol

used in the href value?
4. Look at http://validatorw3.org
3.1 Describe the purpose of the special characters
There are a number of special characters that are reserved by the HTML language, which will not appear correctly unless you use the tags
below, or the ISO codes.
Tag Start - < - <
Less-Than symbol, usually used to define the start of an actual HTML tag.
Tag End - > - >
Greater-Than symbol, used to declare the end of each tag.
Quotation Marks - " - "
As the name says: to mark a quote, or in html terms: to declare the value of a tag attribute.
Ampersand - & - &
It is used to define the start of all special character tags, so it needs a special charachter tag itself.
Non Breaking Space -
A space, a plain ordinary space (like when you press the spacebar). The non-breaking part is relevant because multiple spaces in HTML will
only show up as one space on your web page. This tag can be used many times in a row to force the web browser to display many
spaces on the web page.
Copyright - © - ©
Copyright indicates ownership of intellectual property. See copyright defined on Wikipedia.
Trademark - ™ - ™
Declares a product name or images as business trademark that is not yet registered.
Registered - ® - ®
Used to indicate that a product or business trademark that is officially registered.
One Half - ½ - ½
Fraction symbol for One Half (0.5) of some other value.
Degree - ° - °
The degree symbol is used to represent temperature or angular measurements.
header Structural
HTML5 is about Semantics nav elements
WireFrame
main
div div div
footer
3.2 D escribe when to use an absolute link. Is the http
protocol used in the href value?
Absolute links to link to link to resources outside of the website

http:// + domain name
<a href= “http://internationalpartners.contact.html” > International Contacts</a>

3.3 D escribe when to use an relative link. Is the http
protocol used in the href value?
Relative links to link resources inside your site, Do not need the protocol, just the file
name.
Example: <a href= “contact.html” > Contact Us</a>
We can also have email hyperlinks, it uses mailto instead of http,

It launches the default email application
Example: <a href=mailto:help@diazapps.com>help@diazapps.com</a>
3.4 Look at http://validatorw3.org
Validate your HTML code for syntax errors. Provides quality assurance
HTML 5: http://html5.validator.nu
HTML and CSS

http://www.onlinewebcheck.com

Chapter 02 WDM

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Chapter 02 WDM

Hochgeladen von

Copyright:

Verfügbare Formate

Chapter Objectives

1. Describe HTML,XHTML, and HTML 5

2. Identify the markup language in a web page document

4. Configure the body of a web page with headings,paragraphs,line breaks,divs,lists

5. Configure text with phrase elements

6. Configure special characters

7. Use the new HTML5 header,nav,main, and footer elements

8. Use the anchor element to link from page to page

9. Cretae absolute,relative and email hyperlinks

10. Code, save and display a wepage

11. Test a webpage document for valid syntax

A Markup language , set of markup symbol, codes placed in a file that is

Body contains texts and elements that display of the webpage

2. Describe the difference between ordered list and

3. Describe the purpose of the blockquote text.

4. Remember headings and Accessibility

2. Describe when to use an absolute link. Is the http protocol

3. Describe when to use a relative link . Is the http protocol

Absolute links to link to link to resources outside of the website

<a href= “http://internationalpartners.contact.html” > International Contacts</a>

Example: <a href= “contact.html” > Contact Us</a>

We can also have email hyperlinks, it uses mailto instead of http,

HTML and CSS

Das könnte Ihnen auch gefallen