<!DOCTYPE html>
<!-- html文档结构 -->
<!--
1.<!doctype html>声明为html5文件，必须是html文档的第一行，在<html>标签之前;
2.<html>、</html>是文档开始和结束的标记,是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body);
3.<head>、</head>定义HTML文档开头部分,内容不会在浏览器窗口显示,包含文档元（meta）数据，配置信息等，是给浏览器看的;
4.<title>、</title>定义了网页标题，在浏览器标题栏显示（修改一下title中的内容，然后看一下浏览器，你就会发现title是什么了）;
5.<body>、</body>之间的内容是可见的网页主体内容;
-->
<html lang="en">
<!-- html标签格式-->
<!--
1.html标签是由尖括号包围的关键字，如：<html>,<div>,<span>等;
2.html标签通常是成对出现，如：<div></div>,第一个是开始，第二个有斜线的是结束；
3.有些标签是单独呈现的，如：<br/> 、<hr/>、<img src="222.png">;
4.标签里面带有若干属性，也有不带的；
标签语法：
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- head内常用标签-->
<!--
标签 意义
<title></title> 定义网页标题
<style></style> 定义内部样式表
<script></script> 定义JS代码或引入外部JS文件
<link></link> 引入外部样式表文件
<meta/> 定义网页原信息
meta标签：
1.<meta>元素可提供有关页面的元信息（meta-information）,针对搜索引擎和更新频度的描述和关键词；
2.标签位于文档的头部，不包含任何内容,提供的信息用户是看不见的；
meta标签组成：
http-equiv属性和name属性：
1.http-equiv属性：相当于http的文件头作用，向浏览器传回一些有用的信息，正确显示网页内容，与之对应的属性值content，content中的内容是各个参数的变量值；
2.name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息用的；
-->
</head>
<body>
<!-- 常用标签 -->
不加标签的纯文字也是可以在body中写的
<b>加粗</b>
<em>斜体</em> <!-- em标签的作用：不仅可以让字体显示斜体，而且可以加强语气，告诉搜索引擎这里是重要的。 -->
<i>斜体</i> <!-- i标签的作用：仅仅是为了让字体显示斜体，对于SEO没什么作用。 -->
<u>下划线</u>
<s>删除</s>
<strong>把文本定义为语气更强的强调的内容。</strong>
<p>段落标签</p> #独占一个段落
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题1</h5>
<h6>标题1</h6>
<table>表格
<tr>行</tr>
<td>列</td>
</table>
<font>字体标签</font>
<!-- 换行 -->
<br>
<!-- 水平线 -->
<hr> #单独一个水平线
<!-- 超链接标签和图片标签 -->
<!-- <a></a> -->
<!--
超链接标签:指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。
<a href="http://www.oldboyedu.com" target="_blank" >点我</a>
target:
_blank表示在新标签页中打开目标网页
_self表示在当前标签页中打开目标网页
href属性指定目标网页地址。该地址可以有几种类型：
绝对URL - 指向另一个站点（比如 href="http://www.jd.com）
相对URL - 指当前站点中确切的路径（href="index.htm"） #学django的时候会用的比较多
锚URL - 指向页面中的锚（href="#top"），博客的目录经常用到，还可以跳转到 name属性为p1的a标签上，<a name='top'>xxx</a>
-->
<!--img -->
<!--
<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">
src的路径分为两种：网上的图片路径和本地的图片路径(本地路径又包括相对路径和绝对路径)
路径 描述
<img src="picture.jpg"> picture.jpg 位于与当前网页相同的文件夹
<img src="images/picture.jpg"> picture.jpg 位于当前文件夹的 images 文件夹中
<img src="/images/picture.jpg"> picture.jpg 当前站点根目录的 images 文件夹中
<img src="../picture.jpg"> picture.jpg 位于当前文件夹的上一级文件夹中
-->
<!-- 块级元素和行内元素 -->
<!-- div标签和span标签-->
<!--
这两个标签没有特别的样式,<div>xxxx</div>，<span>xxx</span>这是两个标签最大的特点，可以通过CSS来控制,网站中多数是他们;
div标签用来定义一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现;
span标签用来定义内联(行内)元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现;
块级元素与行内元素的区别：
块元素，是另起一行开始渲染的元素，行内元素则不需另起一行。单独在网页中插入这两个元素，不会对页面产生任何的影响；
块元素：独占一行，页面布局，可以设置宽高
行内元素：不独占一行，包裹文字
注意：<P>标签不能包含其他块级标签
块级标签：p、h1--h6、hr、div、
内联标签：b、i、u、s、em、span
注意：标签嵌套：通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素;div是可以包含div的;
-->
<!-- 实体元素 -->
<!--
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。
注意：实体名称对大小写敏感！
显示结果 描述 实体名称 实体编号
空格  
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号 ' (IE不支持) '
© 版权（copyright） © ©
® 注册商标 ® ®
™ 商标 ™ ™
× 乘号 × ×
÷ 除号 ÷ ÷
-->
<!-- HTML 文件路径 -->
<!--
绝对文件路径是指向一个因特网文件的完整 URL或者是完全准确的文件路径：
<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">
相对路径指向了相对于当前页面文件的文件位置。
-->
<!-- HTML列表 -->
<!-- 1、列表项内部可以使用段落、换行符、图片、链接以及其他列表等等 2、列表可以嵌套使用-->
<!-- 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。 -->
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<!-- 同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 -->
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<!-- 自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。 -->
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>
1833
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
