HTML学习
html基本语法
1.HTML基本语法
1）在html中大小写不敏感（html语法中大写和小写一样）
2）html是通过不同的标签来给网页提供不同的内容
2.标签
语法：
<标签名 属性名1=属性值1 属性名2=属性值2...>标签内容</标签名> — 双标签语句
<标签名 属性名1=属性值1 属性名2=属性值2...>或者<标签名 属性名1=属性值1 属性名2=属性值2.../> —— 单标签语句
说明：
1）标签名 —— html提供的标签的名字（不是程序员自己创建的）
写法上不能和 < 或者 > 或者 / 之间有空格（不能随意添加空格）
2）属性 —— 以 属性名=值 的形式存在，多个属性之间用空格隔开
属性有哪些是标签决定
属性值必须用引号引起来
3）标签内容 —— 只有双标签才有标签内容
标签内容可以是任何内容：a.纯文字 b.一个或者多个其他标签
c.文字和标签的结合
注意：
哪些标签是单标签哪些标签是双标签在设计html语言的时候就已经定好了，程序员无法修改
head中的标签
1.head中的标签
meta —— 设置网页原数据的标签（网页设置性的操作）
title —— 设置网页标题
style —— 导入样式表的标签（css），head和body中都可以使用
link —— 导入外部文件（设置网页图标、导入外部样式表）；head和body中都可以使用，但是设置图标的功能只能在head中实现
2.设置网页图标
1）rel
设置被导入的文件的功能：stylesheet（样式表）
icon（网页图标）
2）type
指定被导入的文件的类型
text/css（后缀是css的文本文件）
text/txt（后缀是txt的文本文件）
image/png（后缀是png的图片文件）
image/ico（后缀是ico的图片文件）
3）href
被导入的文件的路径
文本标签
1.标题标签：h1~h6
h1 —— 一级标题
h2 —— 二级标题
h3 —— 三级标题
h4 —— 四级标题
h5 —— 五级标题
h6 —— 六级标题
2.段落标题：p
一个段落对应一个p标签
3.普通文本标题：font
4.空格和换行
1）强制换行 —— br标签
2）空格符合 ——  ；（空一个像素）
&emsp；（空一格空格键）
5.加粗和倾斜
1）加粗：b标签
strong标签（有强调的作用）
2）倾斜：i标签
em标签（有强调的作用）
6.水平线：hr标签
列表标签
1.列表标签有三个：ul标签、ol标签、dl标签
1）ul标签 —— 无序列表
列表元素 —— li标签
2）ol标签 —— 有序列表
3）dl标签 —— 自定义列表
a.dl标签 —— 表示整个标签
b.dt标签 —— 分类
c.dd标签 —— 元素
图片标签
1.图片标签：img
1）src属性 —— 图片地址
a.本地图片
b.网络图片地址
2）title属性 —— 设置图片标题
鼠标停留在图片上的时候才会显示出来
3）alt属性 —— 设置图片加载失败的时候的提示信息
2.超链接
1）标签内容 —— 超链接中可见可点击的部分
2）href属性 —— 跳转的目标地址
href属性
1）网页地址 —— 跳转到指定网页
2）本地html文件地址 —— 在新的页面中加载指定的html文件中的内容
3）选择器 —— 网页滚动到选择器选中的标签对应的位置
4）# —— 页面刷新
target属性
1）_self —— 默认：在当前页面中直接加载新的页面
- _blank —— 在新的网页中加载新的页面（原页面会被保留）
table标签
1.和表格相关的常见标签：table、tr、tb
table —— 表示整个表格
tr标签 —— 表示一行
tb标签 —— 表示一个单元格
2.table的相关的属性
1)table的属性：
border —— 边框宽度
cellspacing —— 单元格之间的间隙，默认是1
width —— 设置整个表格的宽度
height —— 设置整个表格的高度
align —— 设置整个表格的对齐方式
bgcolor —— 设置单元格的背景颜色
cellpadding —— 设置内容和格子之间的间距
2）tr的属性：
height —— 单独设置指定行的高度
align —— 设置指定行中所有单元格的对齐方式
bgcolor —— 设置一行单元格的背景颜色
3）td属性：
width —— 单独设置指定列的宽度
align —— 设置指定一个单元格的对齐方式
bgcolor —— 设置一个单元格的背景颜色
3.合并
1）colspan —— 列合并
2）rowspan —— 行合并
