HTML标记语言2

时间:2022-07-19 22:07:26

一   文档标记设置

1.1   格式标记

1.1.1   <br>   强行换行标记

  让后面的文字、图片、表格等等,显示在下一行

1.1.2   <p>   换段落标记

   换段落,由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用<p>,<p>段落中也可以包含<p>段落

1.1.3   <center>   居中对齐标记

   让段落或者是文字相对于父标记居中显示

1.1.4   <pre>   预格式化标记

   保留预先编排好的格式

1.1.5   <li>   列表项目标记

   每一个列表使用一个<li>标记

1.1.6   <ul>   无序列表标记

   <ul>声明这个列表没有序号

1.1.7   <ol>   有序列表标记

   可以显示特定的一些顺序

1.1.7.1   格式

   <ol type="符号类型">

   <li type="符号类型"></li>

   <li type="符号类型"></li>

   </ol>

1.1.7.2   有序列表的type属性值

   1   阿拉伯数字1、2、3等等,默认type属性值

   A   大写字母A、B、C等等

   a   小写字母a、b、c、等等

   I   大写罗马数字I、II、III、IV等等

   i   小写罗马数字i、ii、iii、iv等等

1.1.7.3   value   指定一个新的序列数字起始值

1.1.7.4   列表可以进行镶嵌

1.1.8   <dl><dt><dd>   定义型列表

1.1.8.1   使用场合

   对列表条进行简短的说明

1.1.8.2   格式

   <dl>

   <dt>软件说明</dt>

   <dd>简单介绍软件的功能及基本应用</dd>

   <dt>软件界面</dt>

   <dd>用于选择软件的外观</dd>

   </dl>

1.1.9   <hr>   水平分割线标记

   段落之间的分隔线

1.1.10   <div>   分区显示标记,也称之为层标记

   常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似,层可以多层嵌套时用

1.2   文本标记

1.2.1   hn   标题标记

   共有6个级别,n的范围有1~6,不同级别对应显示大小不同的标题,h1最大,h6最小

1.2.2   font   字体设置标记

   设置字体的格式

1.2.2.1    三个常用属性

   size(字体大小)   <font size="14px">

   color(字体颜色)   <font color="red">

   face(字体样式)   <font face="微软雅黑">

1.2.3   b   粗字体标记

1.2.4   j   斜字体标记

1.2.5   sub   文字下标字体标记

1.2.6   sup   文字上标字体标记

1.2.7   tt   打印机字体标记

1.2.8   cite   引用方式的字体,通常是斜体

1.2.9   em   表示强调,通常显示为斜体字

1.2.10   strong   表示强调,通常显示为粗体字

1.2.11   small   小型字体标记

1.2.12   bjg   大型字体标记

1.2.13   u   下划线字体标记

二   图像标记

2.1   <img>图像标记

2.1.1   使用方法

   <img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值"

2.1.2   <img>标记的属性

2.1.2.1   src属性

   指定我们要加载的图片的路径和图片的名称以及图片格式

2.1.2.2   width属性

   指定图片的宽度,单位px、em、cm、mm

2.1.2.3   height属性

   指定图片的高度,单位px、em、cm、mm

2.1.2.4   border属性

    指定图片的边框宽度,单位px、em、cm、mm

2.1.2.5   alt属性

   当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

   如果图像没有下载或者加载失败,会用文字来代替图像显示

   搜索引擎可以通过这个属性的文字来抓取图片

2.1.3   注意

   <img>为单标记,不需要使用</img>闭合

   在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片