前端开发人员必经之路之CSS常用标签

对于所有的前端开发人员来说,接触的做多的无疑是H5

的页面标签了,那么一个正常的网站页面大概会用到哪些标签呢?

<html>

<head>

<meta charset="utf-8">

<title></title>

<style></style>

</head>

<body>

<script></script>

</body>

</html>

上面就是一个H5页面的最基本标签。


下面我给大家分享一下平时用的很多的一些标签。

<p id="demo">

JavaScript </p>

<input type="button" onclick="my()" value="999">

<!-- 基本标签 -->

<h1>最大的标题</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

<br> (换行)

<hr> (水平线)

<!-- 文本格式化 -->

<b>粗体文本</b>

<code>计算机代码</code>

<em>强调文本</em>

<i>斜体文本</i>

<kbd>键盘输入</kbd>

<pre>预格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> (缩写)

<address> (联系信息)

<bdo> (文字方向)

<blockquote> (从另一个源引用的部分)

<cite> (工作的名称)

<del> (删除的文本)

<ins> (插入的文本)

<sub> (下标文本)

<sup> (上标文本)

    <!-- 链接 -->

    普通的链接:<a href="http://www.example.com/">链接文本</a>

图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>

邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>

书签:

<a id="tips">提示部分</a>

<a href="#tips">跳到提示部分</a>

<!-- 图片 -->

<img src="URL" alt="替换文本" height="42" width="42">

<!-- 样式/区块 -->

<style type="text/css">

    h1 {color:red;}

    p {color:blue;}

    </style>

    <div>文档中的块级元素</div>

    <span>文档中的内联元素</span>

    <!-- 无序列表 -->

    <ul>

            <li>项目</li>

            <li>项目</li>

        </ul>

        <!-- 有序列表 -->

        <ol>

                <li>第一项</li>

                <li>第二项</li>

            </ol>

            <!-- 表格-->

            <table border="1">

                    <td>

                      <th>表格标题</th>

                      <th>表格标题</th>

                    </td>

                    <td>

                      <td>表格数据</td>

                      <td>表格数据</td>

                    </td>

                  </table>

好了,今天就简单的带大家认识一下H5的一些常用标签,下期我会给大家介绍一些更加深入的知识

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,639评论 1 41
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,831评论 0 0
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,516评论 1 25
  • 【0704我在悦读】-木木 【书名】:《财富自由之路》 【作者】:李笑来 【篇目】:重读第20、21节 【收获】 ...
    木木_cd40阅读 923评论 0 0
  • 主要应用于在程序中进行@GetMapping@PostMapping@PutMapping@RequestMapp...
    xdhz阅读 2,738评论 0 0