HTML
HTML外觀
<html>
<head>
<title>名稱</title>
</head>
<body>
內容
</body>
</html>
HTML外觀
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
我要做個快樂的大學生
</body>
</html>
執行結果
HTML外觀
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
我要做個快樂的大學生
</body>
</html>
HTML外觀
<title>第一個網頁</title>
我要做個快樂的大學生
執行結果
雖然實際上與正規之HTML規則不符，但仍可 以於瀏覽器上顯示文件。
？？把<title>都刪掉，會如何？？
實質內容
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
我要做個快樂的大學生
</body>
</html>
文字置中
<center>
我要做個快樂的大學生
</center>
TAG: <center> text </center>
執行結果
文字
<font size=4 color=blue>我</font>
<font size=5 color=red>愛</font>
<font size=6 color=green>朝</font>
<font size=7 color=brown>陽</font>
TAG: <font size=n color=value> text </font>
執行結果
Command: <指令 屬性1=值 屬性2=值> 文字 </指令>
文字
<center>
<font size=4 color=blue>我</font>
<font size=5 color=red>愛</font>
<font size=6 color=green>朝</font>
<font size=7 color=brown>陽</font>
</center>
執行結果
文字 換行
<center>
我愛朝陽
我要做個快樂的大學生
</center>
TAG: <font size=n color=value> text </font>
執行結果
文字 換行
<center>
我愛朝陽<br>
我要做個快樂的大學生
</center>
TAG: <br>
執行結果
影像
<center>
我愛朝陽 <br>
我要做個快樂的大學生
</center>
<img src=“fly.jpg”>
TAG: <img src=“path/filename”>
執行結果
影像
<center>
我愛朝陽 <br>
我要做個快樂的大學生
<img src=“fly.jpg”>
</center>
TAG: <img src=“path/filename”>
執行結果
影像
<center>
我愛朝陽 <br>
我要做個快樂的大學生<br>
<img src=“fly.jpg”>
</center>
TAG: <img src=“path/filename”>
影像
<center>
我愛朝陽 <br>
我要做個快樂的大學生<br>
<img src=“flyy.jpg”>
</center>
TAG: <img src=“path/filename”
alt=“message of noimage”>
執行結果
影像
<center>
我愛朝陽 <br>
我要做個快樂的大學生<br>
<img src=“flyy.jpg”alt=“蜻蝏的影像”>
</center>
TAG: <img src=“path/filename”
alt=“message of noimage”>
執行結果
超連結
<center>
我愛朝陽 <br>
我要做個快樂的大學生<br>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
</center>
TAG: <a href=“URL”> text </a>
連結到 朝陽網頁 http://www.cyut.edu.tw
超連結
<center>
我愛<a href=“http://www.cyut.edu.tw”>朝陽</a><br>
我要做個快樂的大學生<br>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
</center>
TAG: <a href=“URL”> text </a>
超連結
<center>
我愛朝陽 <br>
我要做個快樂的大學生<br>
<a href=“http://www.cyut.edu.tw”>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
</a>
</center>
TAG: <a href=“URL”> text </a>
執行結果
超連結
<center>
我愛朝陽 <br>
<a href=“http://www.cyut.edu.tw”>
我要做個快樂的大學生<br>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
</a>
</center>
TAG: <a href=“URL”> text </a>
超連結
<center>
我愛<a href=“http://www.cyut.edu.tw”>
朝陽</a><br>
我要做個快樂的大學生<br>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
</center>
TAG: <a href=“URL” style="text-decoration:none"> text </a>
執行結果
超連結
<center>
我愛<a href=“http://www.cyut.edu.tw”
style="text-decoration:none">
朝陽 </a><br>
我要做個快樂的大學生<br>
<img src=“fly.jpg” alt=“蜻蝏的影像”>
TAG: <a href=“URL” style="text-decoration:none"> text </a>
表格
TAG:
<table border=1>
<tr><td>壹列-壹</td><td>壹列-貳</td></tr>
<tr><td>貳列-壹</td><td>貳列-貳</td></tr>
</table>
執行結果
表格
TAG:
<table border=1>
<tr><td>姓名</td><td>成績</td></tr>
<tr><td>廖大頭</td><td>85</td></tr>
<tr><td>張歐趴</td><td>83</td></tr>
<tr><td>李高分</td><td>89</td></tr>
</table>
執行結果
李高分 89 張歐趴 83 廖大頭 85
成績 姓名
