html
注：本文内容为本人学习慕课网前端知识时整理摘录，方便后续查阅。具体可访问原链接
一、html基本架构
<html>
<head>
<meta>
<link>
<title>...</title>
<style>...</style>
<script>...</script>
</head>
<body>
……
</body>
</html>
注意：有的标签有语义，这些语义对浏览器以及搜索引擎来说很重要
二、html的主要标签
1.<body>标签----网页内容
2.<p>标签----段落
3.<hx>标签，x可取值1~6----网页标题
4.<em>和<strong>标签----强调，国内一般用strong比较多
em：斜体显示
strong：加粗
5.<span>标签----它是没有语义的，它的作用就是为了设置单独的样式用的
6.<q>标签----短文本引用（就是加了两个引号）
<p>最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。 </q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。</p>
<q>标签示例
7.<blockquote>标签----长文本引用
<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>
<blockquote>标签示例
8.<br />标签----换行
<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。
在 html 中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的。所以，在html中，要换行必须使用<br />标签
9.输入空格，必须写入" "
------no-breaking space:不间断空格
打一个空格的确很显示空格，但是在打几个空格还是显示一个空格！
10.<hr />标签----水平线
注意：
1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。
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
网友评论