1.文件标签:
html标签:整个文件都处于html标签中,声明文件类型便于浏览器识别,包含<head>和<body>标签。
head标签:用于加载一些重要的内容,如一些插件,组件,框架等内容的云端地址以及网站的标题,内容不会被页面显示, 只有<body>的内容才会被显示到界面上。
title标签:只能出现在<head>中,用于定义网页的标题等。
body标签:<body>中的内容会被显示。
常用属性:
text用于设置文本颜色。
background用于设置背景图片。
bgcolor用于设置背景色。
注意:背景色和背景图片的覆盖问题。
2.颜色取值:
有三种取值方式:
1.rgb(0,0,0)取值0~255之间(三个值单独满值分别代表红,绿,蓝,同时满值代表白色)。
2.#00ff00 #号后每两位的取值与上一种方法的三个值类似。
3.red green blue
3.块标签:
div标签:用于在文档中设定一个块区域
常用属性:
align:left,right,center用于设置块的位置。
span标签:用于在行内设置一块区域。
块元素:通常来讲块元素在浏览器中显示时会自动换行,如div,p 等。
内联元素:在浏览器中显示时不会自动换行,如span等。
4.排版标签:
注释:
在html标签中注释是<!--注释-->
p标签:<p>段落标签,此标签将html文档分为若干个段落,浏览器会在段落前后添加空行,属于块级元素,显示时换 行。
常用属性:align:left,right,center默认值是left。
br标签: <br>标签是换行标签,内联元素不会自动换行,因此我们需要用<br>标签换行。
hr标签:生成一条水平线。
常用属性:
align:设置水平线对齐方式。
size:设置水平线的厚度,以像素为单位,默认为2px。
width:设置水平线长度,可以是绝对长度也可以是相对长度,默认为100%。
color:设置水平线颜色。
5.字体标签:
font标签:<font>用于设置文本的字体,大小,颜色。
常用属性:
face:设置文本的字体。
size:设置文本的大小。
color:设置文本的颜色。
h1-h6标签:用于定义标题,h1最大标题,h6最小标题。
6.列表标签:
ul标签:<ul>标签是一个无序列表。
常用属性:
type:规定列表的项目符号类型,可取值disc,square,circle。默认值为disc。
li标签:<li>标签表示一个列表项。
常用属性:
type:只适用于无序列表,用于设定项目符号。
value:只适用于有序列表,用于设定项目数字。
ol标签:<ol>标签是一个有序列表。
常用属性:
type: 规定列表中使用的标记类型。可取值1Ali平时比较少用。
start:规定列表的起始值。
7.图形标签:
img标签:<img>标签是一个图片标签,用于在页面上引入图片。
常用属性:
src:用于设定引入图片的url。
alt:用于设定图像的替代文字,如果图像不存在,会出现。
width:用于设定图片的宽度。
height:用于设置图片的高度。
border:图片边框的厚度。
8.链接标签:
a标签:<a>标签用于定义超链接,用于页面转换。
常用属性:
href:设定链接指向页面的url。
name:设定锚的名称。
target:用于设定在何处打开链接页面。_blank在新页面中打开。
9.表格标签:
table标签:<table>标签用于定义表格。
常用属性:
align:设定表格的对齐方式,
bgcolor:设定表格的背景颜色。
border:设定表格边框的宽度。
width:设定表格的宽度。
tr标签:<tr>标签用于定义表格的行,包含一个或多个th或td元素。
常用属性:
align:设置表格中行的内容的对齐方式。
bgcolor:设置表格中行的背景颜色。
td标签:<td>标签用于定义表格单元,td元素中文本的显示为正常字体左对齐。
常用属性:
align:设置单元格内容的对齐方式。
bgcolor:设置单元格的背景颜色。
height:设置单元格的高度。
width:设置单元格的宽度。
colspan:设定列合并。
rowspan:设定行合并。
caption标签:<caption>用于定义表格的标题,必须紧随<table>标签之后,一个表格只能有一个标题,通常这个标题会居 中于表格之上。
th标签:<th>用于定义表格的表头,内部的文本通常显示为居中加粗文本,html中含有两种类型的单元格,th表头单元格, td标准单元格。
thead标签:<thead>用于定义表格页眉,用于组合表格的表头内容,应该与<tbody>和<tfoot>元素结合起来使用。
注意:<thead>内部必须有<tr>标签。
tbody标签:<tbody>用于定义表格的主体,用于组合html表格的主体内容。
tfoot标签:<tfoot>用于定义表格的页脚,用于组合html表格中的标注内容。