html知识点

>

  • html基本格式
    <html>
    <head>
        <meta charset="utf-8"/>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css"/>
    </head>
    <body>
    </body>
</html>
  • 标签

  • h1～h6标签 特点字体加粗 从h1开始字体越来越小 用于标题 有默认的margin

  • p标签 特点用于段落一般与h标签一起的 有默认的margin

  • div span标签 没有任何语义 一个是块级标签 一个行级标签 布局实用的最多的

  • strong标签 特点 字体加粗 特别强调

  • em标签 特点 强调 斜体

  • a标签 特点 超链接 有href属性（必须的） title属性 target如果在一个 a 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

  • del标签 定义删除字

  • small 小字体

  • br 换行标签 单标签

  • br:
    <body>
    <div>中华</br>人命共和国</div>
</body>
  • hr 分割线标签 单标签
  • hr：
    <body>
    <div>中华</hr>人命共和国</div>
</body>

  • video 标签定义视频，比如电影片段或其他视频流。

  • base 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 a、img、link、form 标签中的 URL。必须位于 head 元素内部。

  • base标签写法：

    <head>
    <base href="http://www.w3school.com.cn/i/" />
    <base target="_blank" />
</head>

<body>
    <img src="eg_smile.gif" />
    <a href="http://www.w3school.com.cn">W3School</a>
</body>

  • b标签这是粗体文本

  • address 标签定义文档或文章的作者/拥有者的联系信息。
    如果 address 元素位于 body 元素内，则它表示文档联系信息。
    如果 address 元素位于 article 元素内，则它表示文章的联系信息。
    address 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

  • big标签呈现大号字体效果。

  • q 标签定义短的引用。

  • q标签：
    <body>
    <div>中华<q>人命共和</q>国</div>
</body>
  • blockquote 标签定义长的引用。
  • blockquote 用法和q一样

  • style 标签用于为 HTML 文档定义样式信息。

  • 列表

  • 无序列表 ul li ul有默认margin和padding

  • 无序列表格式

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

  • 有序列表 ol li ol有默认margin和padding

  • 有序列表格式
    <ol>
    <li></li>
    <li></li>
</ol>

  • 自定义列表 dl dt dd

  • 自定义格式：

    <dl>
    <dt></dt>
    <dd></dd>    
    <dt></dt>
    <dd></dd>    
</dl>
  • 表格

  • table tbody这个标签基本上不怎么用了

  • tr 表格的一行

  • th 表格的头部的一个单元格，表格表头

  • td 表格的一个单元格

  • caption 表格标题

  • summary属性 表格的摘要

  • 基本格式

    <table>
    <tr>
        <td></td>
    </tr>
</table>

    内可以加多个.

Share