theluyuan/webveuje
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of http://git.luyuan.tk/luyuan/webveuje

Browse Source
This commit is contained in:
asd 2021-04-29 17:19:47 +08:00
commit f18f1cb9a5
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
html/html简介.md
View File

@ -16,7 +16,7 @@
``` ```html
<!DOCTYPE html> <!-- 文档声明 --> <!DOCTYPE html> <!-- 文档声明 -->
<html> <!-- <html></html> 定义文档整体 --> <html> <!-- <html></html> 定义文档整体 -->
<head> <!-- <head></head> 对页面进行设置，定义标题，外链css,js文件等 --> <head> <!-- <head></head> 对页面进行设置，定义标题，外链css,js文件等 -->
@ -38,8 +38,8 @@
分类方式： 分类方式：
- 有无闭合标签： - 有无闭合标签：
- 单标签 没有闭合标签 单标签内以 /结尾 如：<img /> - 单标签 没有闭合标签 单标签内以 /结尾 如：`<img />`
- 双标签 由开始标签+内容+结束标签 构成 如 ：<p>hello world</p> - 双标签 由开始标签+内容+结束标签 构成 如 ：`<p>hello world</p>`
- 块级元素 - 块级元素
- 定义：块级元素占据其父元素（容器）的整个空间 ，通常浏览器会在块级元素前后另起一个新行，即会导致换行 - 定义：块级元素占据其父元素（容器）的整个空间 ，通常浏览器会在块级元素前后另起一个新行，即会导致换行
- 示例： - 示例：
@ -65,9 +65,9 @@
#### 常用标签详解 #### 常用标签详解
- 段落标签 - 段落标签
``` ```html
<p>我是段落标签</p> <p>我是段落标签</p>
``` ```
@ -88,7 +88,7 @@
> start 和type 在html4中被废弃 但是在html5 中被重新引入 > start 和type 在html4中被废弃 但是在html5 中被重新引入
``` ```html
<ol> <ol>
<li>列表中第一列的内容</li> <li>列表中第一列的内容</li>
... 更多列 ... 更多列
@ -99,16 +99,16 @@
![image-20201217105145904](html.assets/image-20201217105145904-1608173514959.png) ![image-20201217105145904](html.assets/image-20201217105145904-1608173514959.png)
- 无序列表 （ul -li） - 无序列表 （ul -li）
- 常用属性 - 常用属性
- type - type
- circle 空心圆 - circle 空心圆
- disk 实心圆 - disk 实心圆
- square 方块 - square 方块
- ``` - ```html
<ul> <ul>
<li> 列表中第一项的内容</li> <li> 列表中第一项的内容</li>
</ul> </ul>
@ -165,12 +165,12 @@
- autoplay 值为autoplay 视频在就绪后马上播放 - autoplay 值为autoplay 视频在就绪后马上播放
- controls 值为controls 向用户显示控件（如播放按钮） - controls 值为controls 向用户显示控件（如播放按钮）
- loop 值为loop 循环播放 - loop 值为loop 循环播放
- 音频（audio） - 音频（audio）
- 属性 和video标签属性类似 - 属性 和video标签属性类似
- src 播放音频的URL - src 播放音频的URL
- autoplay 值为autoplay 视频在就绪后马上播放 - autoplay 值为autoplay 视频在就绪后马上播放
- controls 值为controls 向用户显示控件（如播放按钮） - controls 值为controls 向用户显示控件（如播放按钮）
- loop 值为loop 循环播放 - loop 值为loop 循环播放
#### 元素嵌套 #### 元素嵌套
@ -184,24 +184,24 @@
　　h1、h2、h3、h4、h5、h6、p、dt 　　h1、h2、h3、h4、h5、h6、p、dt
- li 内可以包含 div 标签 li 和 div 标 签都是装载内容的容器，地位平等，没有级别之分 - li 内可以包含 div 标签 li 和 div 标 签都是装载内容的容器，地位平等，没有级别之分
- 块级元素与块级元素并列、内嵌元素与内嵌元素并列 - 块级元素与块级元素并列、内嵌元素与内嵌元素并列
- ``` - ```html
<div> <div>
<h2></h2> <h2></h2>
<p></p> <p></p>
</div> —— 对 块级元素嵌套内联元素和块级元素 </div> —— 对 块级元素嵌套内联元素和块级元素
<div> <div>
<a href=”#”></a> <a href=”#”></a>
<span></span> <span></span>
</div> —— 对 块级元素嵌套内联元素 </div> —— 对 块级元素嵌套内联元素
<div> <div>
<h2></h2> <h2></h2>
<span></span> <span></span>
</div> —— 错 h2 是块级元素 span 是内联元素 块级元素不能喝内联元素并列 </div> —— 错 h2 是块级元素 span 是内联元素 块级元素不能喝内联元素并列
``` ```