lang=“en”------lang为语言
charset=“UTF-8”-----编译语言
1、 ------------------一级标签
...
--------------------六级标签
2、 ---------------------段落标签
3、
换行标签--------------第一个单标签
4、 --------加粗(优先考虑)
------------------加粗
----------------倾斜(优先考虑)
------------------倾斜
--------------删除线(优先考虑)
------------------删除线
--------------下划线(优先考虑)
------------------下划线
5、 和--------------理解为盒子就好
用来布局(超大的盒子,自己独占一行)
是一个小盒子,一行上可放置多个
6、图像标签
-------------------单标签
src指定了图像文件路径和文件名
这是烟台大学计算机与控制工程学院
alt 替换文本 图像显示不出来替换成文本
title 鼠标放到图像上,显示title
可以用width,height,border 设置长度, 高度和边框
width 设置宽度
height 设置图像高度
border 设置图像边框
7、图像路径
相对路径:同一级路径,下一级路径“/”,上一级路径“../”
绝对路径:在电脑中哪个地方
8、超链接标签:
格式:文本或者图像
链接分类:
1、外部链接:target默认值是:_self---当前网页打开
_blank---新的网页打开
2、内部链接:内部网站之间跳转
3、空连接:
4、下载链接:地址链接是文件 .exe或者压缩包等文件
5、网页元素链接:例如文本,图像,声音,视频等等
6、锚点链接:可以快速定位到当前页面的某个位置
在href属性中,用#名字的形式!!!(一定记得加#)!!!
找到目标位置标签,在里面添加一个id属性
9、注释和特殊字符: 格式:
快捷键:Crtl + /
特殊字符: 空格
< --<
> -->
10、表格标签:作用:展示数据,可读性比较好
语法:---------------------------定义表格的标签
--------------------------定义表格的行
-----------------表头单元格
单元格内的文字 ---定义表格的单元格
三者为嵌套关系
11、表格属性:要放在标签里面
align:left,center,right:表格相对周围对齐方式
border:设置表格边框
cellpadding:单元格边沿与内容的空白距离,默认为1
cellspacing:单元格之间的空白距离,默认为2
width/height:设置单元格宽度、高度
12、表格结构标签:--------表格头部区域
--------表格主题部分
13、合并单元格:方式:跨行合并:rowspan="合并单元格的个数“
跨列合并:colspan="合并单元格的个数“
目标单元格:跨行:最上一个单元格为目标单元格
跨列:最左一个单元格为目标单元格
三步走:1、确定跨行还是跨列
2、找到目标单元格,写上合并方式和合并个数
3、删除多余的单元格
14、表格总结:
1、表格标签
2、表格属性
3、表格合并(三步走)
15、列表标签:用来布局
三类:
1、无序列表(重点):
--------项目的无序列表
- --------列表项(它们之间无序,属于并列关系)
¥¥¥:
只能嵌套- ,不能放其他标签
- 里面可以放其他标签
它们由自己的样式属性
补:list-style:none:可以去掉前面的小圆点
2、有序列表:
------有序列表
- ------列表项(有序)
¥¥¥:
只能嵌套- ,不能放其他标签
- 里面可以放其他标签
它们由自己的样式属性
3、自定义列表:
------自定义列表
- ------名字
- ------对名字解释说明
¥¥¥:
里面只能嵌套-
- 和
- 属于并列关系
通常情况下,一个
- 对应多个
-
16、表单标签:表单的目的是收集用户信息
表单通常由表单域、表单控件和提示信息组成
1、表单域:包含单个元素的区域