HTML
超文本标签语言(Hyper Text Markup Language)
文章有开头,正文,结尾等
同样
网页有整体,头部,标题,主体
网页的固定结构是要通过特点的HTML标签进行描述的
整体 <html></html> 头部<head></head> 标题<title></title> 主体<body></body>
这里我全部使用utf-8字符集避免字符集不统一出现乱码的情况。
段落标签:
paragraph段落;p
<p>段落文字</p> 备注:<></>双标签
水平线:horizontal横线;hr
<hr> 备注:<>单标签
换行标签:
break打断,换行;b
<br>
没有语义的布局标签-div(divsion分割)和span(跨度,范围)
场景:
实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签
div标签: - -行只显示一一个(独占一行)
<div>文字</div>
spar标签: - -行可以显示多个
<span>今日头条</span>
文本格式化标签:
场景:需要让文字加粗 下划线、倾斜删除线等效果
标签 | 说明 | 标签 | 说明 |
b | 加粗 | strong | 加粗 |
u | 下划线 | ins | 下划线 |
i | 倾斜 | em | 倾斜 |
s | 删除线 | del | 删除线 |
语义: 突出重要性的强调语境
图片标签:
标签的完整结构图:
属性名 属性值
↑ ↑
<im$ src= " " alt=" "> 属性名="属性值"
标签属性
属性注意点:
1.标签的属性写在开始标签内部
2. 标签上可以同时存在多个属性
3. 属性之间以空格隔开
4. 标签名与属性之间必须以空格隔开
5.属性之 间没有顺序之分
绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径
例如:
盘符开头: D:\day01\images\1jpg
完整的网络地址https://www.itcast.cn/2018czgw/images/logo.gif (了解)
相对路径(常用):
从当前文件开始出发找目标文件的过程
相对路径分类:
同级目录
下级目录
上级目录
后面笔记续上,,,,,,