一、认识HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html> 文档声明,声明网页按照h5标准
<html lang="en"> 向浏览器声明该网页是英文网站,zh设置为中文网站
<head> </head> 定义文档的信息 此标签定义内容不会向用户展示
<meta charset="UTF-8"> 声明为UTF-8字符编码
常见的<meta>标签用法:
页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字
<meta name="keywords" content="your tags" />
页面描述,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
<meta name="description" content="150 words" />
定义网页作者
<meta name="author" content="author name" />
搜索引擎索引方式
<meta name="robots" content="index,follow" />
<!--
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow:页面上的链接不可以被查询。
-->
页面重定向和刷新:content内的数字代表时间(秒),既多少时间后刷新。如果加url,则会重定向到指定网页
<meta http-equiv="refresh" content="0;url=" />
禁止从本地缓存中访问页面内容:访问者将无法脱机浏览
<meta http-equiv="Pragma" content="no-cache" />
<title>Title</title> 定义了文档的标题
<body> </body>定义向用户展示内容
二、常用单位
1.px
代表像素 1px代表一个像素
2.%
百分比是相对其父元素的百分比
3.em
相对于当前元素字体大小
三、常用标签
<h1> </h1>
一级标题,将文字以较大的形式输出(还有h2—h6标签,字体逐渐变小)
<p> </p>
表示一个段落,独占一行,会自动换行
<b> </b>
字体加粗
<em> </em>
斜体 (强调语气)
<strong> </strong>
粗体 (强调内容)
<small> </small>
表示一些细则一类的内容,比如:合同中的小字,网站的版权声明
small便签的内容会比他的父元素中的文字要小一些
q标签(表示一个短的引用 即行内引用,q标签引用的内容,浏览器默认会加上引号)
列:<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>
blockquote标签(表示一个长引用即块级引用 )
sup标签(表示上标)
sub标签(表示下标)
del标签(定义文档中已被删除的文本。)
ins标签(带有已删除部分和新插入部分的文本)