888棋牌官方网站登录

書名：網頁設計與制作：Dreamweaver CC標準教程（第3版）
作者名：修毅洪穎邵熹雯
本章字數： 860字
更新時間： 2019-10-23 17:05:34

1.6 HTML語言

在Dreamweaver可視化環境中，制作網頁的各種操作都會自動生成HTML語言代碼，網頁是由HTML語言編寫的文本文件。

HTML是一個結構化描述語言，格式非常簡單，由文字及標簽組合而成，其書寫規則如下。

任何標簽皆由“<”“>”和文字組成，如<P>為段落標簽；某些起始標簽可以加參數，如<font size="12"> Hello </font>表示字體大小為12；大部分標簽既有起始標簽，又有終結標簽，終結標簽是在起始標簽之前加上符號“/”構成的，如</font>；標簽字母大小寫均可。

HTML語言的常用標簽包括文件結構標簽、表格標簽、文本段落標簽、圖像標簽、鏈接標簽、塊標簽和表單標簽等，如圖1-19所示。

圖1-19

1.6.1 文件結構標簽

文件結構標簽包括：<html>、<head>、<title>、<body>等。

網頁文檔都位于<html>和</html>之間。<head>至</head>稱為文檔頭部分，頭部分用于存放網頁的重要信息。<title>只出現在頭部分，標示了網頁標題。

<body>至</ body >稱為文檔體部分，大部分標簽均在本部分使用，而且< body >中可設定具體參數。

1.6.2 表格標簽

表格標簽包括表格標簽<table>、標題標簽<caption>、行標簽<tr>、列標簽<td>和字段名標簽<th>等，標簽<td>位于標簽<tr>中，標簽<tr>位于標簽<table>中。

例如：

<table width="450" align="center" > 
<tr><td ><imgsrc="image01.jpg" width="200" height="100"></td> 
<td><imgsrc="image02.jpg" width="200" height="100" ></td></tr> 
</table>

1.6.3 文本段落標簽

段落標簽<p>用于形成文字段落，可以與align（對齊）屬性配合使用，其屬性值為：left（左對齊）、center（中間對齊）、right（右對齊）、justify（兩邊對齊）。

例如：<p>水世界</p>

1.6.4 圖像標簽

圖像標簽<img>可以實現在網頁中指定圖像，其常用的屬性為src和alt。src屬性值為圖像源文件路徑或URL地址，用于設置圖像的位置；alt屬性值為在瀏覽器尚未完全讀入圖像時，在圖像位置顯示的替換文字。

例如：<img src="image01.jpg" alt="瀑布" width="200" height="100" >

1.6.5 鏈接標簽

鏈接標簽為<a>，常用的屬性為href和target。href屬性表示本鏈接目標端點的URL地址，target屬性表示被鏈接文件所在的窗口或框架位置，target屬性值包括_blank新窗口、_self本窗口、_parent父窗口和_top頂層窗口。

例如：<td height="29" colspan="2" ><p><a href="#">水世界</a></p></td>

1.6.6 塊標簽

<div>標簽是塊標簽，AP Div是<div>標簽的一種形式。該標簽在網頁中既占有一定的矩形區域，又可以作為容器，容納其他網頁設計元素。<div>標簽的外觀和布局由CSS樣式控制。

例如：

<div id="apDiv1">網頁設計與制作</div> 
<div>此處顯示新Div標簽的內容</div>

1.6.7 表單標簽

表單標簽用于實現瀏覽器和服務器之間的信息傳遞，常用的標簽包括<form>、<label>、<input>和<select>等。標簽<form>用于建立與服務器進行交互的表單區域；標簽<label>用于形成標簽區域，標簽<input>位于其中；標簽<select>用于建立列表/菜單和跳轉菜單等。

例如：

<form id="form1" name="form1" method="post"> 
<label><input type="text" name="textfield" id="textfield" /></label></form>

官术网_书友最值得收藏!

網頁設計與制作：Dreamweaver CC標準教程（第3版）