HTML
-
Hyper Text Markup Language: 超文本标记语言
-
标记语言格式:
<开始标签 属性='值'>标签体</结束标签>
-
超文本:指不仅仅是纯文本还包括字体效果和多媒体信息(图片,音频,视频)
文本相关标签
-
内容标题h1-h6:
特点: 独占一行, 自带上下间距, 字体加粗
-
段落标签p:
特点: 独占一行, 自带上下间距
-
水平分割线hr
-
换行br
-
加粗b ->bold
-
斜体i ->italic
-
下划线u ->underline
-
删除线s ->strikethrough
-
无序列表: ul 和 li
-
有序列表: ol和li
-
列表嵌套: 有序和无序可以任意无限嵌套
图片标签
- src: 设置资源路径
- 相对路径:
- 资源和页面在同级目录: 直接写文件名
- 资源在页面的上级目录: ../../文件名
- 资源在页面的下级目录: 文件夹名/文件名
- 绝对路径: 可以访问站外资源, 称为图片盗链, 有找不到图片的风险
- 相对路径:
- alt: 图片不能显示时显示的文本
- title: 标题, 鼠标在图片上面停止时显示的文本
- width/height: 设置宽高, 两种赋值方式: 1. 像素 2.百分比 只设置宽度,高度会自动等比例缩放
超链接a
- href属性的作用和图片的src属性的作用类似 设置资源路径
- 图片超链接: a标签包裹文本为文本超链接, 包裹图片为图片超链接
- 页面内部跳转: 在目的地元素里面添加id, 然后在超链接里面的href="#id" 这样就可以跳转到目的地元素的位置.