1:HTML的构架
2:HTML的基本结构
3:HTML语言组成
a :标签
写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;
b :属性
标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号内
一个标记可以有多个属性,属性和属性之间用空格隔开,属性不分先后顺序
4:HTML语法
常规标记(双标记):
<标记名称 属性1名=“属性1值” 属性2名=“属性2值” ………… ></标记名>
空标记(单标记):<标记名 属性1名=“属性1值” />
5 : 常用标签
a: 文本标题标签
文本标题共有6个(h1-h6)
一级标题
(唯一性,放网站LOGO)二级标题
...六级标题
b :字体倾斜&加粗标记 文本倾斜:c:文本加粗:
d:下划线
e : 换行&水平线
f:上标&下标 6 : 段落标记 7 : 字符 ( 小段文本 ) 8 : 常用转义字符 不换行空格 > >右尖括号 < <左尖括号 © 备案中图标版权 © 8 :列表
(1) 无序列表
- 列表项内容
- 列表项内容
- 列表项内容
(2)有序列表
- 列表项内容
- 列表项内容
- 列表项内容
type:规定列表中的列表项目的项目符号的类型
语法:<ol type=“ a">
1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。
a 字母顺序的有序列表,小写(a, b, c, d)。
A 字母顺序的有序列表,大写(A,B,C,D)
i 罗马数字,小写(i, ii, iii, iv)。
I 罗马数字,大写(i, ii, iii, iv)。
start 属性规定有序列表的开始点。(start的属性值必须是数字)
语法:
(3)自定义列表
9 : 超链接
属性:
href = ‘url’
target = “_blank / _self”;
title = ‘文本提示’
拓展:
rel = ‘nofollow’;
10: 图片 title 和 alt区别:
alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候,图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性,如果没有特别意义的图片,可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO
title:
1、title属性并不是必须的。
2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。
11 : 相对路径
(同级)
1)当当前文件与目标文件在同一目录下,直接书写目标文件的文件名+扩展名;
(上级找下级)
2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
文件夹名/目标文件全称+扩展名;
(下级找上级)
3)当当前文件所处的文件夹和目标文件在同一目录下,写法如下:
…/目标文件文件名+扩展名;
12 : DIV
13 : HTML注释 14表格 1 : 表格基本结构 html通过这一段时间课程学习,了解了html的结构,语言,语法的组成与使用,属性,标签,字符,列表,div, 注释,列表 的使用方法与格式,每天都过得很充实。不断的磨练自己,增强专业技能,让我们一起砥砺前行。长风破浪会有时,直挂云帆济沧海。