html笔记

最新推荐文章于 2024-01-18 19:00:14 发布

十九万里

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量264

点赞数 3

分类专栏： HTML、css、html5、css3 文章标签： html html5

本文链接：https://blog.csdn.net/weixin_44865458/article/details/114077486

版权

HTML、css、html5、css3 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

html基础知识点复习

这是我自学完成之后自己做的总结笔记，差缺补漏的，有错误的地方感谢各位大佬指点，不是很齐全一些基础的知识点我就没有写了，后面遇到新的内容会持续补充进去方便以后查阅使用

基本语法

元素

多媒体元素：

video视频：

controls控制控件 autoplay 自动播放 muted 静音播放 loop循环

**img图像：**单标签空元素。

使用src属性定位图片位置资源

替换文本属性alt

map元素：把图片分割点击不同部分出现不同的链接

容器元素：

Div元素，以前用div

Header容器头部，footer，页脚，文章的尾部 article，文章中间

Section，文章的章节 aside 侧边栏

用于放置其他元素容器元素可以包含任何元素按照语义化来理解

a元素也可以包含任何元素

块级元素和行级元素

（html5叫做内容类别替代）

**块级元素：**HTML大部分都是块级元素（block level element）或内联元素

块级元素各占一行会以新行开始和结束水平排列默认宽度是父容器的100% 垂直方向排列

**行级元素：**在一条直线上排列默认宽度于内容有关都是同一行

盒模型上 行级元素设置width无效 height无效（可以设置line-height） margin上下无效 padding无效

转换：

display：block，表现形式设置为块级元素有块级元素的性质和属性

display：inline 设置为行内元素、

inline-block（input img）具有block元素可以设置宽高的特性同时又具有inline元素不换行的特性

可以设置vertical-align（垂直对齐属性只对inline-block元素有效）

ie7以下不支持

解决办法：

1设置inline-block触发块元素具有layout的特性然后设置display：inline使块级元素呈现内联样式此时layout的特性不会消失

2直接设置display：inline 使用zoom：1触发layout

块级元素可以包含行级元素和块级元素行级元素不能包含块级元素只能包含其他行级元素或者文本

块级元素eg：

<address>  | 定义地址                                               |
| ---------- | ------------------------------------------------------ |
| <caption>  | 定义表格标题                                           
| <dd>       | 定义列表中定义条目                                    
| <div>      | 定义文档中的分区或节                                   |
| <dl>       | 定义列表                                               |
| <dt>       | 定义列表中的项目                                       |
| <fieldset> | 定义一个框架集                                         |
| <form>     | 创建 HTML 表单                                         |
| <h1>       | 定义最大的标题                                         |
| <h2>       | 定义副标题                                             |
| <h3>       | 定义标题                                               |
| <h4>       | 定义标题                                               |
| <h5>       | 定义标题                                               |
| <h6>       | 定义最小的标题                                         |
| <hr>       | 创建一条水平线                                         |
| <legend>   | 元素为 fieldset 元素定义标题                           |
| <li>       | 标签定义列表项目                                       |
| <noframes> | 为那些不支持框架的浏览器显示文本，于 frameset 元素内部 |
| <noscript> | 定义在脚本未被执行时的替代内容                         |
| <ol>       | 定义有序列表                                           |
| <ul>       | 定义无序列表                                           |
| <p>        | 标签定义段落                                           |
| <pre>      | 定义预格式化的文本                                     |
| <table>    | 标签定义 HTML 表格                                     |
| <tbody>    | 标签表格主体（正文）                                   |
| <td>       | 表格中的标准单元格                                     |
| <tfoot>    | 定义表格的页脚（脚注或表注）                           |
| <th>       | 定义表头单元格                                         |
| <thead>    | 标签定义表格的表头                                     |
| <tr>       | 定义表格中的行                                         |

**行级元素**

| <a>        | 标签可定义锚                      |
| ---------- | --------------------------------- |
| <abbr>     | 表示一个缩写形式                  |
| <acronym>  | 定义只取首字母缩写                |
| <b>        | 字体加粗                          |
| <bdo>      | 可覆盖默认的文本方向              |
| <big>      | 大号字体加粗                      |
| <br>       | 换行                              |
| <cite>     | 引用进行定义                      |
| <code>     | 定义计算机代码文本                |
| <dfn>      | 定义一个定义项目                  |
| <em>       | 定义为强调的内容                  |
| <i>        | 斜体文本效果                      |
| <img>      | 向网页中嵌入一幅图像              |
| <input>    | 输入框                            |
| <kbd>      | 定义键盘文本                      |
| <label>    | 标签为 input 元素定义标注（标记） |
| <q>        | 定义短的引用                      |
| <samp>     | 定义样本文本                      |
| <select>   | 创建单选或多选菜单                |
| <small>    | 呈现小号字体效果                  |
| <span>     | 组合文档中的行内元素              |
| <strong>   | 语气更强的强调的内容              |
| <sub>      | 定义下标文本                      |
| <sup>      | 定义上标文本                      |
| <textarea> | 多行的文本输入控件                |
| <tt>       | 打字机或者等宽的文本效果          |
| <var>      | 定义变量                          |



可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素

| <button> | 按钮                                         |
| -------- | -------------------------------------------- |
| <del>    | 定义文档中已被删除的文本                     |
| <iframe> | 创建包含另外一个文档的内联框架（即行内框架） |
| <ins>    | 标签定义已经被插入文档中的文本               |
| <map>    | 客户端图像映射（即热区）                     |
| <object> | object对象                                   |
| <script> | 客户端脚本                                   |