HTML基础学习总结

一、常用标签
1.关于字体的一些标签:
<strong>粗体</strong>
    <b>粗体</b>
    <em>斜体</em>
    <i>斜体</i>
    <u>下划线</u>
    <del>删除线</del>
2.换行标签：
br标签
p标签（段落标签）：两个相邻的p标签中间会空一行
p标签的三个常用属性:
align属性 ------ 位置 left center right,默认值是left
font标签 ------ 这是字体
color属性：颜色 
3.水平分割线标签:
hr标签：生成一个水平分割线，可利用width和size属性设置长度和宽度
4.修饰文本的一些标签:
sub ----- 下标标签
sup ---- 上标标签
pre ------ 用来原样输出内容
span ---- 修饰文本样式的标签（如颜色和字体大小)
5.hn标签：
hn指的是h1,h2,h3,h4,h5,h6 ----- 标题标签 n取值只能是1-6 字体越来越小 有加粗的效果
6.div标签（块级标签）:用于布局
二、表单标签
1.form 标签：
一般会和input标签连用,有action(路径),method(表单提交的方式，get和post，post相对更安全),name(表单名称)三个常用属性
2.input标签:
语法格式：<input type="元素的类型" name="元素的名称" value="元素的值">
type的取值有多种：
text ------ 文本框 password ---- 密码框 radio ---- 单选按钮 checkbox ----- 多选按钮 submit ---- 提交按钮reset ----- 重置按钮 button ----- 普通的按钮 image ---- 图像按钮 file ---- 文件域 hidden ----- 隐藏域
email ------ 邮箱 color ----- 颜色域 date ----- 日期 time ------ 时间 datetime-local ------ 日期+时间
range ---- 进度条
input标签常用的属性：
checked ---- 默认选择
readonly ------ 只读 字段只可以读不能修改
disabled ----- 禁用 不可以点击
autofocus ------ 默认光标的位置
required---- 不能为空白提交
3.select标签（下拉列表框):
使用时与option标签进行连用
两个常用属性：
selected---- 默认被选中的选项
multiple------- 以列表的形式显示
4.textarea标签：
两个常用属性:
cols ------- 多少列，用于显示文本的宽度
rows ------- 多少行，用来显示文本的高度
绝对路径和相对路径:
如果要打开的文件位置与当前代码文件处于同一子文件夹中，则只需要写..\文件名 即可，即使用相对路径
否则需从磁盘根目录开始书写文件位置，即使用绝对路径
三、a标签 ----- 超文本链接标签：
a后接herf = "url" 跳转页面的路径
a标签的一些属性：
vlink ----- 访问过超链接文本的颜色
Alink ------ 激活超链接文本的颜色
link ------ 超链接文本的颜色
text ---- 文本的颜色
bgcolor ----- 背景颜色
background ------ 背景图片
使用a标签时，可使用url进行跳转，也可用#+id进行跳转
四、img标签：
常见的图片的格式：GIF JPG PNG BMP
img标签常用属性:
src 属性 ---- 图片的路径（绝对路径和相对路径）
alt属性 ------ 代替图片的文本内容(其值为无法显示图片时去描述图片内容的文本)
width ------ 宽度
height ---- 高度
border ------ 边框，默认值0
align ----- 位置 （图片和文字的位置）
 top (上对齐) middle(居中对齐) bottom(下对齐 默认值) left(左对齐) right(右对齐)
title ------ 图片的标题
五.位图：
在img标签里加上usemap属性实现位图功能
usemap=图片的名字(map name)
map标签的name属性，与area标签进行联用
area的常用属性:
shape ------- 鼠标点击的形状
 coords ----- 鼠标点击形状的大小
 href ------ 表示跳转的路径
使用样例:
<img src="猫咪.jpg" alt="猫咪" usemap="#cat">
<map name="cat">
<area shape="circle" coords="150,125,30" href="demo01.html"></map>
六、多媒体标签：
audio 标签 ---- 音频
video 标签 ---- 视频
controls属性 ---- 播放器的组件
autoplay属性 ----- 自动播放（部分浏览器不支持这个属性）
loop 属性 ---- 循环播放
七.表格布局:
table标签：包含thead tbody tr td tfood
thead为表头，tfood为表尾，tbody表示表格行列内容。td标签表示列，tr标签表示行，写在tbody里面
表格的常用属性:
border---边框   width---宽度   height---高度  
align----对齐方式  left right center
bgcolor--- 背景颜色   background---背景图片
cellpadding ------ 表格边距（表示的是单元格内元素距离单元格边缘的距离）
cellspacing----- 表格的间距（单元格和单元格之间的距离）
表格的嵌套:
既指表格的任意一个单元格里仍能够有一个表格
表格的合并：
rowspan ------- 表示在单元格上垂直方向上去跨行（合并行）
colspan ------ 表示单元格上水平方向跨列（合并列）
八.列表标签：
分为三种:有序列表、无序列表、数据列表
1.有序列表---ol：
常用属性：
type属性 ---- 设置序号的种类，默认的是数字
start属性 ----- 控制序号开始的位置
reversed属性 ----- 降序（反序）
2.无须列表---dl:
没有序号，只有形状标识的列表，
type属性 ------ 无序列表的样式 disc(默认取值 实心圆) circle(空心圆) square（实心方框）
3.数据列表---dd：
分为标题和一段一段的内容
九.多窗口框架:
即一个页面显示出多个窗口
用frameset标签实现，且不能和body标签同时使用
cols ------ 定义页面列方向的尺寸或则数目的属性
rows ---- 定义页面行方向的尺寸或则数目的属性
与frame标签连用，frame标签带src属性来指定打开的窗口