html----day1

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=欲合并栏位数>

四、表格的主要属性

1. < table>标记的主要属性

   align定义表格的对齐方式，有三个属性值center，left，right

   background定义表格的背景图案，属性值为图片的地址

   bgcolor定义表格的背景颜色，属性值是各种颜色代码

   border定义表格的边框宽度，属性值是数字

   bordercolor定义表格边框的颜色，属性值是各种颜色代码

   cellpadding定义单元格

CSS选择器

1.基本选择器：标签选择器，ID选择器，类选择器，通用选择器

• 标签选择器----通过获取标签名称来设置
• ID选择器----通过获取ID属性来进行设置，使用#+ID属性选择
• 类选择器----通过获取class属性来进行设置，使用 .+class属性值来选择
• 通用选择器----使用 * 来代指，它代表的是选中了父元素中的所有内容

2.包含选择器：子代选择器，后代选择器，分组选择器

• 子代选择器----通过获取某个标签的第一级子标签来设置。格式为：标签.属性值>子标签{}
• 后代选择器----通过获取的某个标签里面所有的子标签来设置。格式为：.属性名 二级子标签{}
• 分组选择器----也叫做逗号选择器，可以同时设置多个标签，使用逗号进行分割。

3.属性选择器----通过选中带有特定属性的元素进行设置

4.伪类选择器----即同一个标签，在不同的状态下显示出来的效果不同，通过设置不同的样式来实现

5.伪类元素选择器

• 标签选择器