HTML 基础
一,字体
1.标题文字:<h#>…</h#>其中#可为1~6,数字变大字体变小。
2.字体变化:
1.字体大小<font size=#>....</font> #=1~7:数字越大字也越大
2.指定字型<font face="字体名称">....</font>
3.文字颜色<font color=[]>....</font>
rr:红色(red)色码
gg:绿色(green)色码
bb:蓝色(blue)色码
rrggbb也可用6位颜色代码数字
4.显示大字体< big>…</ big >
5.粗体字< b>…< /b>
6.斜体字< i>…</ i>
7.打字机字体< tt>…</ tt>
8.底线< u>…</ u>
9.删除线< str ike>…</ strike >
10.下标字< sub>…</ sub>
11.上标字< sup>…</ sup>
12.文字闪烁效果< blink>…</ blink>
13.换行(也称回车)< br>
14.分段< p>
二,图片
1.插入图片< img src=“图形文件名”>
2.设定图框-- border < img src=“图形文件名” border=点数>
3.设定图形大小-- width、height
<img src=“图形文件名” width=宽度点数
height=高度点数>
4.设定图形上下左右留空-- vspace、hspace <img src=“图形文件名” vspace=上下留空点数hspace=左右留空点数>
三,表格
1.表格标题
< caption>…</ caption>
表格标题位置 – align
< caption align=“#”> #号可为top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
2.定义列< tr>
3.定义栏位
-
水平位置-- align < th align=“#”>
#号可为left:向左对齐 center:向中对齐right:向右对齐
-
垂直位置-- align < th align=“#”> #号可为
top:向上对齐middle:向中对齐 bottom:向下对齐
-
栏位宽度-- width < th width=点数或百分比>
-
栏位垂直合并-- rowspan < th rowspan=欲合并栏位数>
-
栏位横向合并-- colspan < th colspan=欲合并栏位数>
四、表格的主要属性
-
< table>标记的主要属性
align定义表格的对齐方式,有三个属性值center,left,right
background定义表格的背景图案,属性值为图片的地址
bgcolor定义表格的背景颜色,属性值是各种颜色代码
border定义表格的边框宽度,属性值是数字
bordercolor定义表格边框的颜色,属性值是各种颜色代码
cellpadding定义单元格
CSS选择器
1.基本选择器:标签选择器,ID选择器,类选择器,通用选择器
- 标签选择器----通过获取标签名称来设置
- ID选择器----通过获取ID属性来进行设置,使用#+ID属性选择
- 类选择器----通过获取class属性来进行设置,使用 .+class属性值来选择
- 通用选择器----使用 * 来代指,它代表的是选中了父元素中的所有内容
2.包含选择器:子代选择器,后代选择器,分组选择器
- 子代选择器----通过获取某个标签的第一级子标签来设置。格式为:标签.属性值>子标签{}
- 后代选择器----通过获取的某个标签里面所有的子标签来设置。格式为:.属性名 二级子标签{}
- 分组选择器----也叫做逗号选择器,可以同时设置多个标签,使用逗号进行分割。
3.属性选择器----通过选中带有特定属性的元素进行设置
4.伪类选择器----即同一个标签,在不同的状态下显示出来的效果不同,通过设置不同的样式来实现
5.伪类元素选择器
- 标签选择器