美文网首页
HTML常用标签

HTML常用标签

作者: Wee_001f | 来源:发表于2018-06-08 10:39 被阅读0次

    基础标签

    <!DOCTYPE>:定义文档类型。HTML5中常使用<!DOCTYPE html>
    <html>: 定义一个HTML文档,告知浏览器这是一个HTML文档,是除了([<!DOCTYPE>]) 标签)所有其他 HTML 元素的容器。最外层元素
    <title>:定义一个标题,显示工具提示文本常与form,a连用
    <body>:定义文档主体
    <h1>-<h6>:定义标题。h1最大
    <p>:定义段落
    <br>:定义转行,单标签
    <hr>:定义水平线


    元信息:

    <head>:定义关于文档的信息。
    <meta>:定义关于html文档的元信息。
    <base>:定义页面中所有链接的默认地址或默认目标。


    格式:

    <b>:定义粗体文本
    <i>:定义斜体文本
    <del>:定义删除文本
    <pre>:定义预格式文本


    表单:

    <form>:定义一个HTML表单,用于用户输入。
    <input>:定义一个输入控件。

    <form name='表单名称 ' method='定义提交方式(get/post) ' action=' '>
      <input name=' ' type=' '>
    </form>
    

    <textarea>:定义多行的文本输入控件。
    <button>:定义按钮。
    <select>:定义选择列表(下拉列表)。
    <optgroup>:定义选择列表中相关选项的组合。
    <option>:定义选择列表中的选项。
    <label>:定义input元素的标注。
    <fieldset>:定义围绕表单中元素的边框。
    <legend>:定义fieldset元素的标题。


    图像:

    <img>:定义图像。


    链接:

    <a>:定义一个链接。<a hred='url'></a>
    <link>:定义文档与外部资源的关系。用在head中。


    列表:

    <ul>:定义无序列表。
    <ol>:定义有序列表。
    <li>:定义列表项。
    <dl>:定义一个定义列表。
    <dt>:定义一个定义列表中的项目。
    <dd>:定义定义列表中项目的描述。


    表格:

    <table>:定义一个表格。
    <caption>:定义表格标题。
    <th>:定义表格中的表头单元格。
    <tr>:定义表格中的行。
    <td>:定义表格中的单元。

    <table>
    <caption>...</caption>
    <tr>
      <th>...</th>
    </tr>
    <tr>
      <td>...</td>
    </tr>
    </table>
    

    <thead>:定义表格中的表头内容。
    <tbody>:定义表格中的主体内容。
    <tfoot>:定义表格中的表注内容(脚注)。


    样式:

    <style>:定义文档的样式信息。
    <div>:定义块级元素。
    <span>:定义
    <header>:定义文档的头部部分。
    <footer>:定义文档底部。
    <section>:定义文档的某个区域。
    <article>:定义文章内容。
    <aside>:定义其所处内容之外的内容。


    程序:

    <script>:定义客户端脚本。
    <noscript>:定义针对不支持客户端脚本的用户的替代内容。


    实例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <script type="text/JavaScript">
            <!--
            function MM_findObj(n, d) { //v4.01
                var p, i, x;
                if (!d) d = document;
                if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
                    d = parent.frames[n.substring(p + 1)].document;
                    n = n.substring(0, p);
                }
                if (!(x = d[n]) && d.all) x = d.all[n];
                for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
                for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
                if (!x && d.getElementById) x = d.getElementById(n);
                return x;
            }
    
            function MM_showHideLayers() { //v6.0
                var i, p, v, obj, args = MM_showHideLayers.arguments;
                for (i = 0; i < (args.length - 2); i += 3) if ((obj = MM_findObj(args[i])) != null) {
                    v = args[i + 2];
                    if (obj.style) {
                        obj = obj.style;
                        v = (v == 'show') ? 'visible' : (v == 'hide') ? 'hidden' : v;
                    }
                    obj.visibility = v;
                }
            }
            //-->
        </script>
        <script type="text/javascript" src="..."></script>
        <meta http-equiv="content-type" content="text/html>"
        <meta charset="UTF-8">
        <meta name="author" content="cherry chen">
        <meta name="copyright" content="FAFU">
        <link rel="shortcut icon" type="image/x-icon" href="...">
        <link rel="stylesheet" type="text/css" href="...">
        <title>XXX</title>
    </head>
    <div></div>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:HTML常用标签

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