HTML

1.1  常见标题
text---文本的颜色

bgcolor-----背景颜色

background------背景图片

1.1.1  strong 、b标签
都是用来加粗字体的

em  、  i   表示是斜体     u  表示下划线     del  表示删除

1.1.2  br 、hr标签
br标签用来换行------单标签           

hr标签表示水平分割线   width表示长短  size表示粗细

---

  
1.1.3  p标签
段落标签

两个相邻的p标签中间会空一行  

algin属性表示位置  ------left center  right（属性加在标签后面）默认值是left

这是一个段落

1.1.4font标签
font标签  这是字体

color属性：颜色

颜色的表示法：1.英文单词  red  black pink

                      

1.1.5sub 、sup、pre、span标签
sub  表示下标标签

数组a的下标是2：a₂
sup  表示上标   二的三次方

二的三次方：2³
pre  表示原样输出你在html上的样子（慎用  少用）

span  修饰文本的标签---标准的行内标签

1.1.6 hn和div标签
hn指的是标题标签   h1,h2,h3,h4,h5,h6----标签n的取值是1-6  字体从1到6越来越小  是有加粗效果的

div标签---标准的块级标签---盒子布局会用到

块级标签：独占一行，自动换行   div   hn  p   hr

行内标签：不能自动换行，除非这一行的文本内容铺满了整个页面才会换行   span  

1.2表单标签
form  标签  一般会和input标签连用（一般不会单独使用）一般可以写在p标签里面

action：跳转的路径

绝对路径：从盘符的位置开始  一长串  别人打不开

相对路径：传给别人也看得到

method：表单提交的方式  get  post（默认是get）

get会把用户请求的内容（个人信息）暴露在地址栏上面  不安全

name：表单的名称

1.3表单元素
表单元素（文本框、密码框、下拉列表、单选、多选）

一般由input、textarea、select标签构成，需要放到form里面

1.3.1input标签
语法格式

type的取值：
text------文本框

password----密码框

radio----单选按钮  （使name一样就可以单选）

submit----提交按钮

请选择你的性别：
reset---重置按钮

请选择你的性别：
button---普通按钮

请选择你的性别：
 image---图像按钮  src---引入图片

请选择你的性别：
file-----文件域

hidden---隐藏域

email-----邮箱

color----颜色域

date---日期

time---时间

datetime-local---日期加时间

range----进度条

input标签常用的属性：
checked---默认选择  （默认选择男性）

readonly-----只读  字段只可以读  不能修改

disabled----禁用  不可以点击

autofocus-----默认光标的位置

required---不能空白提交

1.3.2select标签  也是写在form标签里面的
下拉列表框-----一般和option标签进行连用

selected属性-----默认被选中的那个选项

multiples属性-----表示以列表形式显示

1.3.3textarea 标签
       用来实现文本域

cols-----多少列，用于显示文本的宽度

 rows--多少行，用来显示文本的高度

  1.4常见的属性
1.4.1 a标签
a标签---超链接  herf里面填跳转的地址

点我
a标签里面的一些属性：

vlink--访问过超链接文本的颜色   

Alink---激活超链接文本的颜色   

link----超链接文本的颜色   （ link=“red”）

1.4.2 img标签
目前常见图片的格式：GIF  JPG  PNG  

img常见属性
src属性---指的是图片的路径（绝对路径和相对路径）

alt属性---代替图片的文本内容（因为路径的问题或者因为浏览器的问题显示不出来这张图片的时候，属性值就是去描述这个涂片内容）路径正确不显示（一般加上）

width---宽度

height---高度         要等比例缩小！！！

border----边框，默认值0

align---位置  指图片和文字的位置

top（上对齐）  middle（居中对齐）   bottom（下对齐  默认值）left（左对齐）right（右对齐）

tittle---图片的标题，用来显示描述图片的文字(鼠标落在上面不动，就会显示）

1.4.3位图(参考w3cschool）
用的同样是img标签   

usemap属性

map标签的name属性，一般会和area标签连用

属性：shape----鼠标点击的形状

coords---鼠标点击形状的大小

href---表示跳转的路径

1.4.4多媒体标签
audio 标签----音频

video 标签--视屏

controls属性--表示播放器的组件

autoplay属性---自动播放（浏览器不支持此属性）

loop属性---循环播放

1.5表格布局
table标签

包含thead   tbodt     tr    td   tfood

tr-----行

td----列

 
 

表格里面的属性：
border---------表格的边框（加在table后面）

后面其余的都可以加在其他位置

width-----宽度

height----高度

表格的对齐方式：

align----对齐方式   left   right   center

表格的背景颜色：

bgcolor-----背景颜色

background-----背景图片

 
 

表格的间距和边距   默认值为2px

cellpading-------表格的边距(表示的是单元格内元素距离单元格边缘的一个距离）

cellspacing-------表格的间距（单元格和单元格之间的距离）

 
 

表格的合并：

rowspan------表示在单元格上垂直方向上去跨行（合并行）

 
 

1.5列表标签
主要有三种：有序列表、无序列表、数据列表

1.5.1 有序列表----ol
type属性-----设置序号的种类，默认的是我们的数字

reversed属性-----表示降序（反序排列）

1.5.2无序列表-----dl
type属性-------无序列表的样式disc(默认取值 实心圆）circle(空心圆） square（实心方框）

1.6多窗口框架
一个页面可以显示多个窗口-----frameset（不能和body标签连用）