HTML知识点总结

一、常用标签

1.string、b标签------粗体

   em、i-------斜体

   u------下划线

   del------删除线

2.br和hr标签（单标签）

    br：换行

    hr：水平分割线，<hr width=" ">表示分割线长短，<hr side=" ">表分割线大小粗细

3.p标签（段落标签、两个相邻的p标签之间会空一行）

   align属性：位置lift （默认）center right 

   font标签：字体

   color属性：颜色

            颜色表示法：英语单词、#rrggbb 三原色 red green blue、rgba（）表示透明度

4.sub------下标标签

   sup------上标标签

   pre------原样输出内容

    span（行内标签）------修饰文本

5.hn和div标签

  hn的n取值1~6，字体越来越来小，有加粗效果

   div（块级标签）盒子布局

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

          行内标签：不能自动换行，一行字铺满整个页面换行 span

6.特殊字符

 二、表单标签

from标签，和input连用

action:路径（绝对路径、相对路径）

method:表单提交方式get（默认，会把用户内容暴露在地址栏上）  post（相对get

更安全）

name:表单名称

1、表单元素

内容:文本框、密码框、下拉列表、单选、多选

一般由input textarea select标签构成，放from里面

1.1 input标签

格式:<input type="元素类型" name="元素名称" value="元素的值">

  type取值:

      text文本框、password密码框、radio单选按钮、checkbok多选按钮、submit提交按钮、reset          重置按钮、button普通按钮、image图像按钮、file文件域、hidden隐藏域、email邮箱、color          颜色域、date日期、time时间、datetime-local日期+时间、range进度条

 input标签常用属性:

     checked------默认

     readonly------只读，不可以修改

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

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

     required------不能为空白提交

1.2 select标签

下拉列表框，一般和option连用

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

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

1.3 textarea标签

用来实现文本域

cols------表示多少列，显示文本宽度

rows------表示多少行，显示文本高度

2、常见属性

a------超链接，用来进行页面跳转herf="url"跳转页面的路径

        锚点:使用锚点，点击锚点跳转到指定位置

        #id的名字进行链接跳转

        target属性

       

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

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

link------超链接文本的颜色

text------文本的颜色

bgcolor------背景颜色

background------背景图片

3、img标签

常见图片格式:GIF JPG PNG BMP

3.1 常见属性

src属性------图片路径

alt属性------代替图片的文本内容（因路径问题或浏览器问题不能显示这张图片时alt属性的值去描述这张图）

width------宽度

height------高度

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

align------图片和文字位置，top(上对齐) middle（居中对齐） bottom（下对齐 默认值） left（左对齐） right（右对齐）

title------图片标题，显示描述图片的文字

3.2 位图

usemap属性

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

        属性:shape鼠标点击位置、coords鼠标点击形状大小、href跳转路径

4、多媒体标签

audio标签------音频

video标签------视频

controls属性------播放器的组建

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

5、表格布局

table标签，包含thead tbodt tr td tfood

1. border----表格边框

2. width----宽度         

    height----高度

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

4. bgcolor----背景颜色

    background----背景图片

5. cellpadding----表格边距

    cellpacing----表格间距

    默认边距间距取值2px

6. 表格嵌套 table→tr→table→tr→td

7. 表格合并  rowspan合并行、colspan合并列

6、列表标签

分三种:

1.有序列表ol 

  type属性----设置序号的种类，默认数字

  start属性----控制序号开始的位置

  reversed属性----降序（反序）

2.无序列表dl

  type属性----无序列表的样式disc（默认，实心圆）、circle（空心圆）、square（实心方框）

3.数据列表dl

7、多窗口框架

frameset----一个页面可以显示多个窗口，不能和body连用

cols----定义页面列方向的尺寸或者数目

rows----定义页面行方向的尺寸或者数目