我的学习之路_第二十三章_HTML

Html   :  超级文本语言  ( Hyper text Markup Language )


HTML 文件扩展名是  * .html


HTML 结构都是有标签组成


通常情况下标签有开始标签和结束标签组成  例如 : <a> </a>   围堵标记


如果没有结束标签,不能写文本   例如<img/>       空标记

标签中可以有属性      属性的书写格式:  属性名= "属性值";










文字类标签:


<hn> </hn> n是一个可变参数  n的取值范围1-6 ,1最大  6 最小


特点:加粗,上下留白 ,换行


常用的属性: align : 对齐方式    left(左)  center(中)  right(右)  默认为左




文字标签:


<font> </font>


常用属性: color (颜色)


 size:大小, 1-7   1最小,7最大


  face:字体家族  (隶书,草书,楷体....)


 颜色的取值:1.直接写夜色的英文单词,  2.RGB   已#开头,跟上6个16进制数.  如#675489


<b></b> : 加粗


<strong></strong> : 加粗


<i></i> : 斜体




排版类标签:


<hr/> : 水平线标签


常用属性: width(宽度):   宽度取值: 1.%百分比  2.px(像素)


 align:对齐方式


  换行标签:  <br /> 


段落标签 : <p></p>   常用属性: align:对齐方式






图片标签:


<img/>


常用属性:  src :指定图片路劲    alt:替代问题 width:宽度    height:高度 


路径取值: 1:相对路径   当前路径 :  ./图片全名 (./可以不写)
上级路径: ../存放图片的文件名称/图片全名  (有几级文件夹就写几个../)
  2:绝对路径   :  http://img.baidu.com/xx.jpg


列表标签:


ol : 有序列表 type:控制前面显示样式   数字是默认  可以修改为 A,a,I,i(后两个为罗马数字)


ul : 无序列表 tepe:  disc(默认,黑心圆)  circle;空心圆   square:方块


共同子标签: li:列表项




超链接标签:


<a></a>
常用属性:


href:跳转的页面的路径


target:跳转的页面的打开方式_blank:新开一个选项卡打开


_self : 默认      framename:在框架集李显示


路径取值: 相对路径    绝对路径 : 网址      #:跳转到当前页面




表格标签:


<table></table>


常用属性:


border:规定表格边框的宽度
align:对齐方式
width:宽度
height:高度
cellspacing:表格线的间隔


常用子标签:
<tr></tr>  : 行标签(横着)


常用属性: bgcolor:背景颜色      align:对齐方式


<td></td>  : 单元格(列,竖着)


常用属性: bgcolor:背景颜色align:对齐方式  rowspan:行合并
colspan:列合并




<th></th> : 表头标签   特点 : 加粗,居中


转义符:   书写格式:  &单词;




空格转义符  :  &nbsp;


大于号 : & gt;


小于号 : & lt;


& 符号 : &amp;




框架集标签( frameset ): 


常用属性:水平切分 : rows = "12%,80%,*";


垂直切分: cols = " "        要切几份,就在括号中写几个数字


常用子标签:


frame标签
常用标签: src : 值名该区域要显示的内容的页面路径


 name: 起名 (用于超链接标签中的framename)


frameset不能与body共存