HTML文档
先来看一段基础的HTML页面结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伊洛Yiluo</title>
</head>
<body>
<p>公众号：伊洛的小屋</p>
</body>
</html>
- <!DOCTYPE html>: 声明文档类型
- <html></html>: <html>元素, 根元素
- <head></head>: <head>元素. 一个容器，包含在HTML页面中但不想在HTML页面中显示的内容
- <meta charset="utf-8">: 设置文档使用utf-8字符集编码
- <title></title>: 页面标题
- <body></body>: <body>元素， 所有显示在页面上的内容
简单的应用一下
<!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>
打开网页查看一下效果
HTML中的空白
HTML元素的内容中使用多少空格，当渲染这些代码的时候，HTML解释器会将连续出现的空白字符减少为一个单独的空格符
HTML中包含特殊字符
页面中想要显示一些特殊字符<, >,",' 和 & ，需要等价字符引用
原义字符 等价字符引用
| 原义字符 | 等价字符引用 |
|---|---|
| < | < |
| > | > |
| " | " |
| ' | ' |
| & | & |
HTML注释
注释是被浏览器忽略的
<!-- 和-->包括起来的内容就会被注释
注释上面的标题
<!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>
打开网页标题已经没得了
欢迎下方【戳一下】【点赞】
Author：伊洛Yiluo
愿你享受每一天，Just Enjoy !
网友评论