html tag html 10 x10 wen liu art 2830

10
L/O/G/O HTML Tag Art 2830 Wen Liu HTML

Upload: wen-liu

Post on 18-Jan-2015

241 views

Category:

Design


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Html tag html 10 x10 wen liu art 2830

L/O/G/O

HTML Tag

Art 2830Wen Liu

HTML

Page 2: Html tag html 10 x10 wen liu art 2830

What is it?

Definition: HTML is Hypertext Markup Language

The root element that specifies that the content of the document is HTML.

The html element must contain: Head

Body

Page 3: Html tag html 10 x10 wen liu art 2830

What is its function?

HTML is the Structure of HTML Tag

HTML Tag Structure contains:

html ,head , body , div , span

The opening tag of HTML Documents follows:

the DOCTYPE declaration.

line breaks.

the closing tag.

Page 4: Html tag html 10 x10 wen liu art 2830

What attributes are possible for HTML?

Required Attributes of HTML is Xmlns

The definition of xmlns is means XML namespace.

Ex. Value Website:

http://www.w3school.com.cn/xhtml

http://www.w3.org/1999/xhtml.

Page 5: Html tag html 10 x10 wen liu art 2830

Relationship between HTML and XML

• They are all Markup language

• Html is an ancient web programming language, and sets up for symbols at the front paragraph of the website.

• XML is an extensible markup language, it can define the language, which means a meta language that can be used as small database.

Page 6: Html tag html 10 x10 wen liu art 2830

Optional Attributes of HTML

• dir

Specifies the direction of content.

Ex. Can give the details of each report, analyze, text and content.

• xml:lang

Specifies the language of an element.

Ex. It can be set up for English, Chinese, German, Japanese. <html xmlns= http://www.w3school.com.cn/xhtml xml:lang="en">

Page 7: Html tag html 10 x10 wen liu art 2830

Webpage subject content description

<html> Mark as the beginning of the web page

<head>Mark as the beginning of head 

EX. Html edit tools can use for head element describe

such as document title, it also can add CSS and the introduction of javascript label < script / > and < link / >

   </head>Mark as the ending of head

   <body> Mark the page text begin

   Page entity part

</body> Marks ending of text.

</html> Mark the ending of the web page.

Page 8: Html tag html 10 x10 wen liu art 2830

A simply HTML & Paragraph Examples:

A simply HTML Documents:

<html>

<body>

</body>

</html>

A simply paragraph

<html>

<body>

<p>this is first paragraph.</p>

<p>this is second paragraph.</p>

<p>this is third paragraph.</p>

<p>in the HTML, p usually define the paragraph.</p>

</body>

</html>

Page 9: Html tag html 10 x10 wen liu art 2830

Completed example & Screenshot

• <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">     <head>         [stuff]     </head>     <body>         [stuff]     </body> </html>