1：HTML整体结构
<!doctype html>
//它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,必须是 HTML 文档的第一行，位于 <html> 标签之前(声明)
<html>
//此元素可告知浏览器其自身是一个 HTML 文档
<head>
//它是所有头部元素的容器,可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等
<meta>
//可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词
<title></title>
//可定义文档的标题
</head>
<body>
//定义主体
</body>
</html>2：行级元素 & 块级元素&行块级元素
在标准文档流里面，
行内元素的特点（span，a，em，strong，br）：
①和其他元素都在一行上；
②高，行高及外边距和内边距部分可改变；
③宽度只与内容有关；
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用
块级元素具有以下特点（div，h1~h6，p，ul，li，ol）：
①总是在新行上开始，占据一整行；
②高度，行高以及外边距和内边距都可控制；
③宽带始终是与浏览器宽度一样，与内容无关；
④它可以容纳内联元素和其他块元素
行块级元素特点（：img，input，textarea，select，button）：既不独占整行，也可以改变宽高.
3:meta 标签
<meta charset=”utf-8/gbk/…”/>
用于设置字符集
<meta name=”keywords” content=”xxx”/>
用于告诉搜索引擎，你网页的关键字
<meta name=”description” content=”xxx”/>
用于告诉搜索引擎，你网站的主要内容
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no”/>
用于设计移动端网页（页面可视区大小 等于 手机尺寸）
<meta name=”robots” content=”none”/>
用于搜索引擎爬虫的索引方式
<meta name=”author” content=”xxx”/>
用于标注网页的作者
4：常见的标签
<b></b> 定义粗体
<i></i> 定义斜体
<u><u/> 定义下划线
<del></del> 定义删除线
<sup></sup> 定义上标
<sub></sub> 定义下标
<strong></strong> 定义着重文字
<em></em> 定义加重文字
<small></small> 定义小号文字
<big></big> 定义大号文字
其中<strong></strong>可以代替<b></b>,<em></em>可以代替<i></i>
<p></p>独占整行<br>或者</br> 是一个单标记，什么是单标记？单标记就是又开始没有结尾或有结尾没有开始的标记
<hr> 在屏幕上出现一条水平的线
scrolling: 设置滚动条“ yes|no|auto ” ,yes （显示滚动条）， no( 不显示）， auto( 自 动）
h1-h5 ：内容二标题
扫一扫
194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
