<!DOCTYPE html><!--感叹号！+tab,快速生成骨架-->
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易 /> -->
<meta name="keyword" content="HTML5，css，前端">
<!-- meta表示搜索引擎识别的内容：关键字；内容包含如果搜索时会出现的关键字 content="HTML5，css，前端"-->
<!-- <meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，
提供各类服饰、美容、家居、数码、话费/点卡充值… " /> 表示网页的一个介绍-->
<meta name="description"content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… " />
<!-- reference重定向功能：几秒之后跳转到另外一个网址 -->
<title>Document</title>
</head>
<body>
<!-- ctrl+/注释生成 (标签+tab键自动生成)-->
<!--实体：通常在网页中有些东西不能实现，所以就需要转义字符
例如：&实体；可以从3wschool使用
空格： ；小于号<；大于号>；等
-->
<h3>测试</h3>
<h3>测试</h3>
<!-- 页面独占一行叫：块元素：《h1-h6》标题标签；p是段落标签 ，em单个加重，p引用标签-->
<!-- <blockquote>首行缩进</blockquote> -->
<!-- 标签关注语义：关注意思 -->
<!--
块元素（block element）布局用的：宏观布局
行内元素（line element）设置行内包裹元素<h3>测试</h3>
块元素可以包裹行内元素；反之不行
p标签不可以包含其他的东西<p><h1>错误的</h1></p>
-->
<!-- 布局标签（结构化语义标签）
<header>头部标签</header>
header 表示网页的头部---顶端一部分=上
main 表示主体部分（一个页面只有一个main）=中
footer 脚部=下
nav表示网页中的导航栏<nav></nav>
aside 和主体不相关的侧边栏
<article>表示一个独立的文章</article>
section 表示一个独立的区块：表示其他<section></section>
div:盒子，表示一个区块（用的最多）<div></div>
span：行内元素，单独选中来使用<span></span>
-->
<h3>列表</h3>
<!--
html中的三种列表：
1.有序列表：
2.无序列表:
3.定义列表：
有序列表：ol:<ol>
<li>1.里面会有序号<li>
<li>2.<li>
</ol>
无序列表：ul:<ul>
<li>前面就一个点<li>
<li><li>
</ul>
定义列表：dl
<dl>
<dt></dt>
<dd></dd>
</dl>
列表之间可以相互嵌套
Alt+shift+方向键下：复制一
-->
<!--
超连接：
<a>超链接</a>：
使用：<a href="百度网址"></a>外部网站
<a href="test01.html"></a>内部文件
可以嵌套所有的标签：除了它自己
-->
<!-- 相对路径
1.当我们需要跳转一个服务器内部的页面的时候，一般我们都会使用相对路径
相对路径都会使用./..开头
../可以省略不写，省略不写就是相当于有了
例如：<a href="./test01.html"></a>内部文件
./表示当前文件所在的目录
这里的当前目录表示的就是打开的本网页
./就等于当前目录下调用test01.html：./就是path
2.
如果文件在另外一个文件夹里有（test01.html），上一级文件
../test01.html
3.如果包含两个文件夹
./inner/test01.html//但是必须在文件目录下有这个文件
4.总结：
也就是说：./表示当前；../表示上一级；进去就加文件名就可以
-->
<!-- 超链接的另外一个作用
target属性，用来指定超链接打开的位置
可选值：
_self 默认值 在当前页面中打开超链接
_blank 在一个新的窗口中打开连接
-->
<!-- href="#"设置#就可以回到顶部；
id属性：
href="" 回到底部（直接去到最后一个标签就可以）
设置id属性(唯一标识；不重复)
每一个标签都可以设置id；是区分大小写
<a href="#bottom">设置底部</a>：bottom是一个id标识
<a id="bottom" href="#">回到顶部</a>
-->
</body>
</html>
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
