WEB前端开发(一)-------------标记(一)

来源:互联网 发布:可汗学院 黑板软件 编辑:程序博客网 时间:2024/06/05 17:04

单标记(空标记)

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>


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>