网页设计与制作：Dreamweaver CC标准教程（第3版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

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>
上一章目录下一章