html学习总结

每逢佳节涨三斤……

过了个年html还记得多少？ 来来来……一起复习一下吧

html知识点回顾

创建html文档（我显摆一下哈 我还记得）

<!doctype html>
    <html>
        <head>
            <title></title>
        </head>
        <body>

        </body>
    </html>

html注释方式还记得不？

<!--<div>该减肥了哦</div>-->

标签

div标签

双标签

标题标签 h1~h6

标题标签一共有六个，分别为一级标题；二级标题……以此类推，h1的等级最高。

p标签

段落标签 有默认的margin值 双标签

a标签 锚点链接 超链接

  • href属性：链接地址；

  • title属性：鼠标悬浮在连接上显示的文本内容；

  • target属性：规定在何处打开链接；

img标签

为网页插入图片

  • src属性：图像的地址；

  • title属性：鼠标滑过时显示出来的文本内容；

  • alt属性：图片未加载出来时，显示的文本内容；

q标签

短文本引用

blockquote标签

长文本引用。与p标签的区别就在于如果引用的内容较短就用p标签，否则就用此标签。

br换行标签

hr分割线标签

address标签

定义文档或者文章作者的联系信息

如果此元素位于元素内的话，则表示文档的联系信息；如果位于

元素内，则表示文章的联系信息。

code标签

在网页中显示代码，如果代码是一行，就用code标签。

pre标签

如果代码是多行，就用pre标签。

列表标签

  • 有序列表标签

    <ol>
    <li>
    </li>
</ol>

  • 无序列表标签

    <ul>
    <li>
    <li/>
<ul/>

  • 自定义列表标签

    <dl>
    <dt>苹果<dt/>
    <dd>一种好吃的水果<dd/>
<dl/>

  • 表格标签

    <table>
    <tr>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <th></th>
        <th></th>
    </tr>
</table>

    以上的代码就是一个两行两列的单元格

Share