HTML5 ?? ??
HTML ?? ??
?? ? ???? HTML ?? ??? ?? ?? ?? ????.
2000??? 2010? ??? ?? ? ???? HTML?? XHTML? ??????.
XHTML? ???? ????? ????? ? ?? HTML ?? ??? ??? ????.
HTML5? ?? ? ?? ?? ??? ???? ???. ??? ? ?? ?? ??? ?????.
??? ?? ??? ?????
?? ?? ??? HTML ??? ? ?? ?? ????:
<!DOCTYPE html>
?? ??? ????? ???? ????? ?? ??? ???? ???.
<!doctype html>
?? ???? ??? ??
HTML5 ?? ???? ???? ???? ??? ? ????.
??? ?? ??:
???? ???? ???? ???? ?? ????.
???? ????? ???(XHTML? ??)? ?????.
??? ???? ? ??? ????.
???? ?? ????.
???? ??:
<SECTION> <p>這是一個段落。</p> </SECTION>
?? ??:
<Section> <p>這是一個段落。</p> </SECTION>
??:
<section> <p>這是一個段落。</p> </section>
?? HTML ?? ??
HTML5??? ?? ??(?: <p> ??)? ?? ??? ??? ? ??? ?? ??? ???? ?? ????.
???? ??:
<section> <p>這是一個段落。 <p>這是一個段落。 </section>
??:
<section> <p>這是一個段落。</p> <p>這是一個段落。</p> </section>
? HTML ?? ??
HTML5??? ? HTML ??? ?? ??? ????.
??? ?? ? ? ????:
<meta charset="utf-8">
??? ?? ? ?? ????:
<meta charset="utf-8" />
In XHTML XML?? ???(/)? ?????.
XML ?????? ???? ??? ??? ???? ?? ? ???? ???? ?? ????.
??? ?? ?? ??
HTML5 ?? ????? ???? ???? ??? ? ????.
?? ???? ??? ??? ?????.
???? ??? ???? ?? ?? ?? ?????.
???? ????? ???(XHTML? ??)? ?????.
??? ???? ? ??? ????.
???? ?? ????.
???? ??:
<div CLASS="menu">
??:
<div class="menu">
?? ?
HTML5 ?? ??? ???? ???? ????.
?? ??? ???? ???? ?? ????.
?? ?? ??? ??? ?? ???? ???? ???.
???? ???? ?? ???? ??? ???? ???? ?? ????.
?? ?? ?? ?? ??? ???? ?????.
?? ???? ?? ??? ??? ???? ?? ???? ???? ???? ???? ????.
<table class=table Striped>
?? ??? ?? ????? ?????.
<table class="table Striped">
??? ??
???? ????? alt ??? ?????. ??? ??? ? ?? ?? ?? ?????? ??? ? ????.
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
???? ??? ?? ??? ??? ???? ?? ? ??? ??? ?????.
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
??? ??
?? ??? ??? ??? ? ????.
<link rel = "stylesheet" href = "styles.css">
??? ??? ?? ???? ?? ????.
<link rel="stylesheet" href="styles.css">
?? ? ?? ?? ????
HTML ???? ??? ?? ??? ????. ??? ??? ????? ?? ?????.
? ?? ?? 80? ???? ?????.
??? ????
???? ??? ???? ???.
?? ??? ? ?? ?? ??? ? ?? ?????.
?????? ?? ? ?? ?????. TAB? ???? ????.
? ?? ?? ??? ???? ? ??? ????? ???? ???.
???? ? ? ? ????:
<body> <h1>相思</h1> <h2>HTML</h2> <p> 紅豆生南國，春來發(fā)幾枝。 愿君多采擷，此物最相思。 </p> </body>
??:
<body> <h1>相思</h1> <h2></h2> <p>紅豆生南國，春來發(fā)幾枝。 愿君多采擷，此物最相思。</p> </body>
??? ?:
<table> <tr> <th>Name</th> <th>Description</th> </tr> <tr> <td>A</td> <td>Description of A</td> </tr> <tr> <td>B</td> <td>Description of B</td> </tr> </table>
?? ?:
<ol> <li>London</li> <li>Paris</li> <li>Tokyo</li> </ol>
< ?? ;html> ? <body>?
?? HTML5??? <html> ? <body> ??? ??? ? ????.
?? HTML5 ??? ?????.
?:
<!DOCTYPE html> <head> <title>網(wǎng)頁標題</title> </head> <h1>標題</h1> <p>段落。</p>
<html> ? <body> ??? ???? ?? ???? ????.
<html> ??? ??? ?? ???? ???? ??? ???? ? ?????.
<!DOCTYPE html>
<html lang= "zh">
??? ??? ??? ??? ?? ??? ??? ?? ????.
<html> ?? <body>? ???? DOM ? XML ?????? ?????.
<body>? ???? ?? ????(IE9)?? ??? ?????.
<head>? ?????????
?? HTML5??? <head> ??? ??? ? ????.
????? ????? ?? <head> ??? <body> ?? ???? ?????.
?
<!DOCTYPE html> <html> <title>頁面標題</title> <body> <h1>標題</h1> <p>段落。</p> </body> </html>
head ??? ???? ?? ?? ???? ????.
?????
HTML5? <title> ??? ?????. ?? ??? ???? ??? ?????.
<title>php ??? ????</title> ;
??? ??? ???? ?? ??? ???? ??? ??? ??? ? ????.
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>ask.php.cn</title> </head>
HTML ??
??? <!-- ? --? ??? ? ????. > ; in:
<!-- ??????-->
? ? ???? <!-- ?--> ??? ??? ?? ??? ? ????. ??>
<!-- ? ?????. ??? ? ? ?????. ??? ? ? ?????.
? ?????. ? ?????. ??? ? ? ?????.
-->
??? ??
??? ??? ??? ?? ??? ?????(type ??? ???? ??):<link rel="stylesheet" href ="styles.css">?? ??? ? ?? ??? ? ????:p.into {font-family: Verdana; ?? ??: 16em;}? ??? ?? ?? ??? ? ????:
body {
background-color: lightgrey;
font-family: "Arial Black", Helvetica, sans-serif;
?? -size: 16em;
color: black;
}
?? ???? ???? ?? ?? ?????.
?? ???? ??? ??? ??? ?????.
?????? ?? ? ?? ?????.
??? ?? ? ??? ??? ?????.
??? ?? ??? ??? ?????.
? ??? ? ?? ??? ?????.
?? ?? ??? ??? ???? ???? ?????.
?? ???? ? ?? ?????.
? ?? ?? 80??? ?????.
???? ??? ??? ???? ?? ??? ???? ????.
HTML?? JavaScript ??
??? ??? ???? ?? ???? ?? ??(type ??? ???? ??):
<script src="myscript .js"> ;
JavaScript? ???? HTML ??? ???
??? HTML ???? ?? JavaScript ?? ??? ??? ? ????.
?? ? JavaScript ?? ?? ?? ??? ?????.
?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 會被替換
document.getElementById("demo").innerHTML = "HELLO.";
</script>
</body>
</html>HTML? JavaScript?? ??? ?? ??? ??? ???.
JavaScript ?? ??? ??????.
??? ?? ?? ??
???? ? ??(Apache, Unix)? ????? ?????. london.jpg? London.jpg? ?? ???? ? ????.
?? ? ??(Microsoft, IIS)? ????? ???? ????. london.jpg? London.jpg ?? london.jpg? ???? ? ????.
???? ???? ???? ??, ?? ??? ???? ???? ???? ?? ????.
?? ???
HTML ?? ???? .html(?? r .htm)? ? ????.
CSS ?? ???? ??.css???.
JavaScript ?? ???? ??.js ???.
.htm? .html? ???
.htm? .html? ??? ???? ????? ??? ????. ????? ? ?? ?? ?? HTML ??? ?????.
???? ??? ????.
.htm? ?? DOS ????? ?????? ?? ????? 3?? ??? ????.
??? ?????? ???? ??? ??? ??? ????? .html? ?????.
??? ??
URL? ?? ??(?: http://ipnx.cn/css/)? ???? ??? ??? ?? ?? ??? ?????. ????? ?? ?? ??? index.html, index.htm, default.html ? default.htm???.
?? ??? "index.html"?? ??? ??? ?? ?? ??? "index.htm"? ?? "index.html"? ???? ???.
??? ????? ??? ?? ?? ?? ??? ??? ? ???? ??? ?? ?? ??? ??? ? ?????
??? HTML? ??? ???? ".html"???.
