HTML标签1

html

注：本文内容为本人学习慕课网前端知识时整理摘录，方便后续查阅。具体可访问原链接

一、html基本架构

<html>
    <head> 
        <meta>
        <link>
        <title>...</title>
        <style>...</style>
        <script>...</script>
    </head>
    <body>
        ……
    </body> 
</html>

注意：有的标签有语义，这些语义对浏览器以及搜索引擎来说很重要

二、html的主要标签

1.<body>标签----网页内容

2.标签----段落

3.<hx>标签，x可取值1~6----网页标题

4.和标签----强调，国内一般用strong比较多
em：斜体显示
strong：加粗

5.标签----它是没有语义的，它的作用就是为了设置单独的样式用的

6.<q>标签----短文本引用（就是加了两个引号）

最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。 </q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。

<q>标签示例

7.<blockquote>标签----长文本引用

<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>

<blockquote>标签示例

8. 标签----换行
 标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有 、<hr />和<img />。
在 html 中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的。所以，在html中，要换行必须使用 标签

9.输入空格，必须写入" "
 ------no-breaking space:不间断空格
打一个空格的确很显示空格，但是在打几个空格还是显示一个空格！

10.<hr />标签----水平线
注意：
1. <hr />标签和 标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。
2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。
3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

11.<address>标签----地址
在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用 css 样式来修改它<address>标签的默认样式。

    <address>
        公司地址：北京市西城区德外大街10号
    </address>
    <address>
        本文的作者：<a href="mailto:haha@imooc.com">haha</a>
    </address>

<address>标签示例

12.<code>标签----单行代码（多行代码用<pre>标签）
作用是：防止浏览器误认为是要执行代码，而没显示代码。加了标签浏览器就不会执行了，而是像文本一样显示出来

<code>代码语言</code>

注：如果是多行代码，可以使用<pre>标签。
<pre>代码语言</pre>

13.<pre>标签----<pre> 标签的主要作用:预格式化的文本。
注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

阿里云推广：
通用代金券领取链接：https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=qtyyc38p
优惠链接：（总有一款适合你）
1）【开年HI购季】爆款云产品5折：https://www.aliyun.com/acts/product-section-2019/new-users?userCode=qtyyc38p
2）【助力企业上云】性能级主机2-5折：https://promotion.aliyun.com/ntms/act/enterprise-discount.html?userCode=qtyyc38p
3）【全民云计算】云主机低至2折：https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=qtyyc38p
4）【商标注册服务】低至300元：https://tm.aliyun.com/?userCode=qtyyc38p
5）【超高返现】购物车全产品返25%：https://promotion.aliyun.com/ntms/act/shoppingcart.html?userCode=qtyyc38p
6）【阿里云自营建站】买一年送一年：https://www.aliyun.com/jianzhan/?userCode=qtyyc38p