美文网首页
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入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • 2019-08-09

    html常用标签及标签特点

  • CSS 和HTML注意事项

    目录 HTML常用标签 CSS使用规范 HTML常用标签 /可以单独或者配合ul ol标签使用/ CSS使用规范...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

网友评论

      本文标题:HTML常用标签

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