进入HTML5世界
1.1HTml5概括
HTML是一种描述网页的语言,它既不是一种编程语言,而是一种标记语言。
1.1.2网页的开发工具
- 记事本
- Dreamweaner
- UltrEdit
- Sublime
- WedStorm
- VS Code
1.1.3HTML5文件的基础结构
7 文件类型声明
8< html>标签对
9< head>标签对
10< body>标签对
1.2.1网页的基础标签
- < h1>到< h6>
- < h1>最大
- < h6>最小
1.2.2标签
- < p>是段落标签
- < br/>是换行标签
- < hr/>水平线标签
- 字体样式标签,如< strong>是加粗,< em>是倾斜
1.2.3注释
- 通常用 shift+Alt+A或者Ctrl+?< !-- 注释–>
1.2.4字符实体
特殊符号 | 字符实体 | |
---|---|---|
  | 表示空格 | |
>; | 表示大于号 | |
<; | 表示小于号 | |
"; | 表示引号 | |
©; | 表示版权符号 |
1.3图像标签
1.3.1常见的图像格式
JPS格式
PNG格式
GLF格式
BMP格式
1.3.2常用的属性
- width表示图像的宽度
- height表示图像的高度
- alt表示图像不能显示时代替显示的文本
- title表示鼠标指悬停显示的文本
1.4超链接标签
语法 < a href=“链接地址” target=" 目标窗口位置">文本或者图像
绝对路径
为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
相对路径
指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
例如:
文件1.htm的绝对路径是:d:/www/html/1.htm
文件2.htm的绝对路径是:d:/www/html/2.htm
那么:1.htm相对于2.htm的路径就是:1.htm
#号表示空链接
1.4.1锚点链接的使用方式
怎么设置锚点id属性
在要跳转到的位置所在的标签中添加了 id 属性,并为其赋值;
使用 标签设置锚点,href 属性值为 # + id 属性值。怎么链接到锚点
在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置。 意思是在网页中的某一个位置链接之前设定的锚点,只要点击该链接,就会自动跳转到锚点处。
1.4.2行内元素和块级元素的定义
< p>标签,< h1>~< h6>标签为块级元素
而< strong>标签,< em>标签,< a>标签为行内元素