|
声明网页是HTML5的版本，写在最前面。
<!DOCTYPE html>
网页主框架，在VS Code中，新建一个.html文件，打一个!再按回车就可以生成最简洁的html框架。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<html>标签内有一个属性lang，表示网页的语言，en表示英文，zh表示中文。
<html lang="zh">
HTML代码注释，注释不可嵌套。
<!-- 注释 -->
<head>标签
<meta>元标签
设置网页字符集charset、数据名称name、内容content等，可以写网页的描述description，方便搜索引擎搜索。也可以隔一定时间重定向指定的超链接。
<meta charset="utf-8">
<meta name="keyword" content="blog">
<meta http-equiv="refresh" conten=“5;url=https://www.baidu.com”t>
设置网页的标签。
<title>网页的标签</title>
<body>标签内
标题和段落
标题h1~h6，把最重要的用h1标题，一般h1~h3就够了，很少用h4~h6。标题标签是块元素，自带换行。可以用hgroup标签分组打包。
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
<hgroup></hgroup>
段落p，也是块元素，自带换行。p中不能放其他块元素！
<p></p>
语义化标签
段落语音语调加重标签em，强调内容strong，表示引用blockquote和q。
<em></em>
<strong></strong>
<blockquote></blockquote>
<q></q>
布局用的标签有header网页头部，main网页主体，一个页面只有一个main，footer网页的底部。nav表示网页的导航，aside表示网页的侧边栏，article独立的文章，section表示一个独立的区块。用的最多的还是div，表示一个区块，span表示行内元素，一般用于选中网页中的文字。
<header></header>
<main></main>
<footer></footer>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<div></div>
<span></span>
列表
在html中创建列表：有序列表ol、无序列表ul、定义列表dl，用表li示列表项。其中定义列表中包含定义内容dt和解释说明dd，用的也比较少。列表可以嵌套。
<ol></ol>
<ul></ul>
<dl></dl> <dt></dt> <dd></dd>
超链接
a标签用于创建超链接，是行内元素，不可以嵌套。href用于指定跳转链接，可以是外部链接或内部链接，也可以是页面本身，例如用#跳转到页面任意id位置。target用于跳转链接的方式，可选择_self，_blank，_parent，_top之一。id可以是任何标签的属性，区分大小写，网页中id名不重复。
<a href="https://www.baidu.com" target="_blank"></a>
<a id="anywhere" href="#id_name"></a>
创建空链接可以将href设置为####或者javascript:;
<a href="javascript:;"></a>
特殊符号(实体)
// 空格
> //大于号
< //小于号
© //版权符号
<br/> //换行
|