享受每一天,Just Enjoy !

0%

HTML基础2--文档结构及注释

本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!

HTML文档

先来看一段基础的HTML页面结构

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伊洛Yiluo</title>
</head>
<body>
<p>公众号:伊洛的小屋</p>
</body>
</html>
  • : 声明文档类型
  • : 元素, 根元素
  • : 元素. 一个容器,包含在HTML页面中但不想在HTML页面中显示的内容
  • : 设置文档使用utf-8字符集编码
  • : 页面标题
  • : 元素, 所有显示在页面上的内容 ##### 简单的应用一下
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>指数型基金</title>
    </head>
    <body>
    <h1>指数型基金</h1>
    <p>
    指数基金(Index Fund),顾名思义就是以特定指数(如沪深300指数、标普500指数、纳斯达克100指数、日经225指数等)为标的指数,<br>
    并以该指数的成份股为投资对象,通过购买该指数的全部或部分成份股构建投资组合,以追踪标的指数表现的<strong>基金产品</strong>
    ——<a href="https://baike.baidu.com/item/%E5%9F%BA%E9%87%91%E4%BA%A7%E5%93%81">基金产品</a><br>
    来自博客<a href="https://yiluotalk.com">伊洛的小屋</a>
    </p>
    <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5
    zaHUuaW8vdXBsb2FkX2ltYWdlcy81OTU5NTUxLTBkOTg5NzYzZmIyNmMxMjAuanBn?x-oss-process=image/format,png">
    </body>
    </html>
    打开网页查看一下效果 ![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81OTU5NTUxLTJhZGQyYWNlZTQxYjBiOTQucG5n?x-oss-process=image/format,png) ##### HTML中的空白 HTML元素的内容中使用多少空格,当渲染这些代码的时候,HTML解释器会将连续出现的空白字符减少为一个单独的空格符
HTML中包含特殊字符

页面中想要显示一些特殊字符<, >,”,’ 和 & ,需要等价字符引用
原义字符 等价字符引用
| 原义字符 | 等价字符引用 |
| —— | —— |
|< |&lt;|
| >|&gt;|
| “|&quot;|
| ‘| &apos;|
| &|&amp;|

HTML注释

注释是被浏览器忽略的

1
<!-- 和-->包括起来的内容就会被注释

注释上面的标题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>指数型基金</title>
</head>
<body>
<!-- <h1>指数型基金</h1> -->
<p>
指数基金(Index Fund),顾名思义就是以特定指数(如沪深300指数、标普500指数、纳斯达克100指数、日经225指数等)为标的指数,<br>
并以该指数的成份股为投资对象,通过购买该指数的全部或部分成份股构建投资组合,以追踪标的指数表现的<strong>基金产品</strong>
——<a href="https://baike.baidu.com/item/%E5%9F%BA%E9%87%91%E4%BA%A7%E5%93%81">基金产品</a><br>
来自博客<a href="https://yiluotalk.com">伊洛的小屋</a>
</p>
<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5
zaHUuaW8vdXBsb2FkX2ltYWdlcy81OTU5NTUxLTBkOTg5NzYzZmIyNmMxMjAuanBn?x-oss-process=image/format,png">
</body>
</html>


打开网页标题已经没得了