最大的网站建设标签
网站建设标签可见,标题字体的size值越大,字越小;文本字体的size值越大,字越大。
注意:HTML标签大多都有起始标签(如<font>)和结束标签(</font>:h以成对的形式出现,成对的起始标签和结束标签可以嵌套使用,但不能相互交又,
1.4.4分段换行,预格式与列表
1.分段与换行标签
分段标签
<p align="xxx”>〜一</p>
<!--分段标签,这对标签之间的内容分为一段,显示时自动在段前和后段各空一行,align屈性为可选项属性用了可选项,用于设置段落的水平对齐属性,属性值xxx可为left、center或right,分别表示左对齐、居中或右对或在HTML规范中,双引号可省略—>
2)换行标签
<br>或<br />
<!--换行标签,此标签没有与之纪对的结束标签a -->
2.预格式标签
<prev".</pre>
<!-預格式标签,即按照html文件的格式显示文本》-->
作有分段标签、换行标签和换行标签的网页文件(1-3.htm)内容如下。
------------------清单 1-3 l-3.htm-------------
<html>
<head>
<title>分段换•与預格式</title>
</head>
<body>
<h3>以下是没心使用分段、换行与预格式标签的情况> </h3>
星期•、星期二、星期三、星期四、
星期五、星期六、星期LU
<h3>以下是使用丫三个换行标签的情况> </h3>
星期•、星期二、<br>星期5、星期四、<br>
星期五、星期六、星期LU <br>
<h3>以下是使用两对分段标签的怙况:</h3>
<p>星期、星期二、星期三、<4>卬>星期四、
星期五、星期六、星期LU </p>
<h3>以下使用J*預格式的情况:</h3>
<pre>
星期•、星期二、星期三、星期凹、
星期五、星期六、星期LU
</pre>
</body>
</html>
浏览1-3.htm网页文件,效果如阁1-6所示*
从这个实例町着出,换行与分段标签的功能有区别。
3.列表标签
1)无序列表(项口列表)
<ul>
<li>.</li>
<li>.</li>
</ul>
<!-- U1标签是无序列表标签,A部的符个列表项tJ用li标签枢定。一>
例如,在HTML基木网页结构的body标签内输入如下代码:
<ul>
<li>星期¥设升国旗</li>
<li>星期二下亇开班会</li>
<11>星期五下亇卫生大扫除</li>
</ul>
浏览网页,结果如下:
•里期一早晨升国旗
•星期二下午开班会
•星期五下午卫生大扫除
2)有许列表
<o1>
<li>...</li>
<li>...</li>
</o1>
<!--o1标签是有序列表标签,内部的毎个列表项项目也用li标签枨定.
例如,在HTML基木网页结构的body标签内输入如下代码:
<o1>
<li>星期第1节读英语</li>
<11>星期二第1节读中文</li>
<11>星期五第3、4节学习交流会</li>
</o1>
浏览网页,结果如下:
1.星期一第1节读英i吾
2.里期二第丨节i突中文
3.里期五笫3、4节华习交流会
1.4.5媒体元素的插入
1.图像的插入
<img src="pathsfilename11 width"nl" height“2n” align“xxx1” </img>
<!--图像插入标签
sire M性说明阁片文件所在路衿与名称,阁像文件可以是jpg、gif或png格式的文件,path&filename是阁像文件所在路衿和V;!整的文件名称twidth M性定义阁片的宽度,height.租性定义阁片的商度,nl、n2取正整数,单位是像素:
align定义阁片水平对-方方式,M性值xxx可为left、center或right,在HTML规范中,可不加双引
width、height、align展性都是可选项,缺街width、height M性时,阁像为默认大小1
在HTML规范中,</img>标签可街略s —>
如:<img src=*photo1 .jpg"x/lmg>
<img src="map1 .gir_>
使用了 img标签插入阁像的网页文件(1~4.htm)内容如下》
--------------------1_4 l-4.htm-------------------
<html>
<head>
图像的插入
</head>
<body>
<h3 align®center> •、gif 图像“笑脸” </h3>
<p align®center>
<img src^^FCOl.gifM> </img> <img src®flFC〇2.gifn> </img>
<img src^^FCOS.gifM> </img> <img src®flFC〇4.gifn />
<img src®"FC〇S.gi£"/> <irag src®wFC〇6.gif"/> <img src®"FC〇7.gifn/>
</p>
<h3 align®center>二、jpg 图像“环境” </h3>
<p align®center>
<img src-“RM01.jpg”> </img> <img src-“RM02.jpg”></img>
<img src-“RM03”/> <img src-“RM02.jpg”/>
</p>
</body>
</html>