### html * HTML文档的文档标记,也称为HTML开始标记。 ### head * 用来包含文件的基本信息,比如网页的标题、关键字,在`<head></head>`内可以放`<title></title>`、`<meta></meta>`、`<style></style>`、`<link></link>`等等标记。 * 在`<head></head>`标记内的内容不会在浏览器正文中显示。 title icon `<link rel='shortcut icon' href='image'>` 自动刷新 `<meta http-equiv='Refresh' Content='30'>` 自动跳转 `<meta http-equiv='Refresh' Content='30' url='www.baidu.com'>` ### title * HTML文件标题标记 * 网页的“主题”,显示在浏览器的窗口的左上边 * 标题不能太长,要短小精悍,能具体反应页面的内容,`<title></title>`标记中不能包含其他标记 ### meta 提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 #### 常用的name属性 * author * keywords * description 比如描绘出网页的关键词: ``` <meta name="keywords" content="hiyang"> ``` >[danger] 注意 解决中文乱码问题,在meta中加入`charset="utf8"`。 ### body * HTML文档的主体标记 * `<body>...</body>`是网页的主体部分,在此标记之间可以包含如`<p></p>`、`<h1></h1>`、`<br>`、`<hr>`等等标记,正是由这些内容组成了我们所看见的网页。 #### body标记的常见属性 * bgcolor 设置背景颜色 ```html <body bgcolor="red"></body> ``` * text 设置文本颜色 ``` <body text="green"></body> ``` * link 设置链接颜色 ``` <body link="blue"></body> ``` * vlink 已经访问了的链接颜色 ``` <body vlink="yellow"></body> ``` * alink 正在被点击的链接颜色 ``` <body alink="red"></body> ```