目录
一、文档声明及常用标签
- DOCTYPE声明告诉浏览器使用哪种规范来解释这个文档的代码<! DOCTYPE html>
- <title>标签用来描述网页的标签
- <mata>标签描述网页的摘要信息<mata charset=”UTF-8”>
- 标题标签<h>标题</h>
- 段落标签<p>文字内容<p>
- 长引用标签<blockquote>引用某人说的话，会换行 块元素</blockquote>
- 短引用标签<q>样式上，会加双引号</q>
- <br/>表示强制换行
- <hr/>表示一条水平线
- 斜体强调标签<em>表示语音强调的一个加重 行内元素（内联元素）</em>
- 强调标签 <strong>对内容的强调</strong>
- 删除标签<del>自动添加删除线</del>
- 居中标签<center></center>
- 注释语法： <!--注释内容--> ctrl+/
二、HTML中常用特殊符号及其对应的字符实体语法
| 特殊符号 | 字符实体语法 |
| 空格 |   |
| 大于号（>） | > |
| 小于号（<） | < |
| 引号（“） | " |
| 版权符号（©） | © |
三、行内元素和块元素
行内元素（内联元素）：一般用来包裹文字。
特点：无论内容多少，只占自身的大小，不会独占一行
举例：em strong a span·····
块元素（block element）：在网页中一般通过块元素对页面进行布局
特点：内容撑开宽度，左右都是行内元素可以排在一行，会独占一行，无论他的内容多少
举例：p h1-h6 div ul li ····
注意：
1、一般情况下，会在块元素内放行内元素,不会在行内元素内放块元素
2、块元素里，基本什么都可以放
3、特殊：p元素里不能放块元素
四、HTML中的结构元素
| 元素名 | 作用 |
| header | 网页头部区域的内容 |
| main | 网页主体区域的内容 |
| footer | 网页底部区域的内容 |
| nav | 网页导航类辅助内容 |
| aside | 和主体相关内容或应用，侧边栏 |
| article | 独立文章、宣传段落内容 |
| section | Web页面中的一块独立区域 |
| div | 没有语义，表示一个区块 |
| span | 行内元素，用于在网页中包裹文字 |
五、列表
1、有序列表： 用ol标签创建，li表示列表项
有序列表语法：<ol><li><li></ol>
2、无序列表： 用ul标签创建，li表示列表项
无序列表语法：<ul><li><li></ul>
3、定义列表： 用dl标签创建，dt被定义的内容，dd表示具体内容
定义列表语法：<dl><dt></dt><dd></dd></dl>
六、超链接
超链接语法：
<a href=”链接地址” target=”目标窗口位置”>链接文本或图像</a>
功能：从一个页面链接到另一个页面或者当前页面进行跳转。
特点：是一个行内元素，但我们可以在超链接中 除自身外 放任何元素
属性：href
指向的是链接跳转的目标地址
-属性值可以是一个外部的网站的地址 绝对路径
-属性值还可以是内部的地址 相对路径
target
用来指定打开链接的位置
可选值：
_self ,表示在当前窗口中打开（默认值） 一般情况下在国外网站用的更多
_blank 在一个新的页面中打开链接 一般国内更多
功能性链接：就是打开本机自带的某个应用程序
七、图像标签
作用：向页面引入一个外部的图片。
img标签兼具块元素与行内元素的两种特点
属性：
src:设置外部图片的路径，路径规则跟超链接是一样
目前情况，我们引入的地址都是 相对路径 较多
alt：可以用来设置图片不能加载的时候，对图片描述
搜索引擎是通过对alt属性进行检索，然后反馈出来的
如果不写话，浏览器就不会进行收录
width：设置图片的宽度 ，一般用px作为单位
height：设置图片的高度，一般用px作为单位
常见的图片格式：JPG GLF PNG webp base64
图像标签语法：
<img src=”图片地址” alt=”图像的替代文字” title=”鼠标悬停提示文字” width=”图片宽度” height=”图片高度”>
视频元素语法： <video controls>
<source src=”视频路径”>
</video>
音频元素语法： <audio controls>
<source src=”视频路径”>
</audio>
扫一扫
270
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
