美文网首页
HTML常用标签

HTML常用标签

作者: longqinusi | 来源:发表于2019-01-13 20:57 被阅读0次

    HTML标签:标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成部分。

        标签不会出现在页面中,只有标签中的内容才会显示在页面上 :也就是<html>内容</html>

        标签不区分大小写,但是推荐使用小写 :(X)HTML 版本中强制使用小写,这样更加严谨

        标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,例如:<html></html>、<p></p>;空标签是没有内容的标签,在开始标签中自动闭合,例如:<img />、<br />、<hr />等

    html标签分类

    html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念。

    块级元素(行元素)

    块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局的搭建。

    特点:

    1. 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布

    2. 可以直接控制宽度、高度以及盒子模型的相关css属性

    3. 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度

    4. 在不设置高度的情况下,块级元素的高度是它本身内容的高度

    标签描述

    div    常用块级容器,也是css layout的主要标签

    p    段落、放一段文字

    h1~h6    标题

    h1    网页中最重要的内容:logo 网站的标题;网页中普通的标题 一般用h3或者h4、h5

    ul li    每一项前面都有一个点(无序列表)

    ol li    每一项前面都有对应的数字(有序列表)

    dl    定义列表

    dt    列表项目

    dd    项目描述

    table    表格

    caption    表格的标题

    thead    表格的头部

    tbody    表格的主体

    tr    行

    td    列 (普通的列,可以放在tbody下面)

    th    列 (只放在thead的里面,文字默认加粗)

    hr    分割线

    form    表单

    span    通常放几个文字,或者小图标

    a    超链接 自带下划线

    b    加粗

    strong    加粗强调

    i    斜体

    em    斜体强调

    s    中划线(不推荐使用)

    strike    中划线

    del    文档中已被删除的文本

    br    强制换行

    u    下划线

    textarea    多行文本输入框

    input    输入框

    select    下拉列表

    labelinput     元素定义标注(标记)

    img    图片

    sub    下标

    sup    上标

    big    大字体文本

    small    小字体文本

    嵌套规则

    块级元素div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul ...

    行内元素span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、sup、textarea、tt、u、var ...

    块级元素与块级元素平级、内嵌元素与内嵌元素平级。

    块级元素可以包含内联元素或某些块元素,但是内联元素不能包含块元素,它只能包含其他的内联元素。

    有几个特殊的块级元素只能包含内联元素,不能再包含块级元素。如:h1~h6、p、dt

    块级元素不能放在p标签里面。

    基本标签

    <html>…</html> 定义 HTML 文档

    <head>…</head>      文档的信息

    <meta>              HTML文档的元信息

    <title>…</title>    标题

    <link>              外部资源

    <style>…</style>    样式信息

    <body>…</body>      页面内容

    <!--…-->            注释

    文本标签

    <b>...</b>                粗体字

    <strong>...</strong>      粗体字(强调)

    <i>...</i>                斜体字

    <em>...</em>              斜体字(强调)

    <center>…</center>        居中文本

    <ul>…</ul>                无序列表

    <ol>…</ol>                有序列表

    <li>…</li>                列表项目

    <a href=”…”>…</a>          超链接

    <font>                    定义文本字体尺寸、颜色、大小

    <sub>                      下标

    <sup>                      上标

    <br>                      换行

    <p>                        段落

    表格标签

      <table>…</table> 定义表格

       <th>…</th>          定义表格中的表头单元格

       <tr>…</tr>          定义表格中的行

       <td>…</td>          定义表格中的单元

    相关文章

      网友评论

          本文标题:HTML常用标签

          本文链接:https://www.haomeiwen.com/subject/gpwldqtx.html