WEB前端开发(一)-------------标记(一)
单标记(空标记):
1.<hr/> :水平线
2.<!-- 注释语句 -->
3.<br />:强制换行标记
双标记:
1.<p>段落</p>
2.标题标记:<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减 <hn>标题文本</hn>
3.文本样式标记:用来控制网页中文本的字体、字号和颜色 <font>文本内容</font>
4.
5.图像标记<img /> :<img src="图像URL" /> src属性用于指定图像文件的路径和文件名
6.相对路径和绝对路径
7.创建超链接:<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
7.1href:用于指定链接目标的url地址,当为<a>标记应用href属性时,它就具有了超链接的功能。
7.2target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。
7.3<base /> 可以设置整体链接的打开状态
7.4暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
7.5锚点链接:使用“<a href=”#id名“>链接文本</a>”创建链接文本
8.特殊字符标记
9.表
9.1无序表:
<ul type="?">
<li>列表项1</li> type 每个列表前显示图形:方块:square
<li>列表项2</li> 空心圆:circle
<li>列表项3</li> 默认值(实心圆):disc
......
</ul>
9.2有序表(改变<li type="n">中n的值,对应行数的显示改变,改变<ol start="m">中m值,项一至项目x的数值依次改变)
<ol >
<li >项一</li>
<li >项二</li>
</ol>
<li >项一</li>
<li >项二</li>
</ol>
9.3自定义表:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>