HTML之基础温习

PioneerFan

2015-02-26

关注关注

HTML相关标签温习：

<html></html>根标签

<head></head>头标签

<body></body>内容标签

整个HTML由以上三个标签块构成，其中head标签内容负责页面相关属性的说明，不做具体展示之用。

body标签里面则是具体的内容，用作浏览器展示之用。

|--head

|--title:网页标题，显示在浏览器标签上。

|--style:定义了HTML文档的样式文件引用地址，可在标签中指定样式文件。

|--script:于加载脚本文件，通常是JavaScript脚本。

|--link:定义了文档与外部资源之间的关系，通常用于链接到样式表。

|--<linkrel="stylesheet"type="text/css"href="theme.css">

|--base:定义了页面链接标签的默认链接地址。

|--<basehref="http://www.w3cschool.cc/images/"target="_blank">

|--meta:描述了一些基本的元数据，元数据不会显示在客户端，会被浏览器解析。（通常用于指定网页的描述，关键词，的文件的最后修改，作者，和其他元数据。

元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务调用。）

|--<metaname="keywords"content="HTML,CSS,XML,XHTML,JavaScript">为搜索引擎定义关键词

|--<metaname="description"content="FreeWebtutorialsonHTMLandCSS">为搜索引擎定义关键词

|--<metahttp-equiv="refresh"content="30">每30秒刷新页面

|--<metaname="author"content="HegeRefsnes">定义页面作者定义页面作者

|--<metahttp-equiv="content-type"content="text/html;charset=UTF-8">(HTML5：<metacharset="UTF-8">)

标签的用途、标签在浏览器中的默认样式:

语义化：那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）。

标题<hx>

x:1~6;请确保将HTMLheading标签只用于标题。不要仅仅是为了生成粗体或的文本而使用标题。

HTML水平线：<hr/>标签在HTML页面中创建水平线。

注释：

换行：<br/>

段落：这是一块段落。

格式化标签：

标签描述

<b>定义粗体文本

<em>定义着重文字

<i>定义斜体字

<small>定义小号字

<strong>定义加重语气

<sub>定义下标字

<sup>定义上标字

<ins>定义插入字

<del>定义删除字

HTML"计算机输出标签"：

标签描述

<code>定义计算机代码

<kbd>定义键盘码

<samp>定义计算机代码样本

<var>定义变量

<pre>定义预格式文本

HTML引文、引用，及标签定义：

标签描述

<abbr>定义缩写

<address>定义地址

<bdo>定义文字方向

<blockquote>定义长的引用

<q>定义短的引用语

<cite>定义引用、引证

<dfn>定义一个定义项目。

HTML链接：

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

Linktext

href属性描述了链接的目标。【#href="#id"，本地文档的定位处】

使用Target属性，你可以定义被链接的文档在何处显示。【_blank、_parent、_self、_top】

Note:注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3cschool.cc/html"，就会向服务器产生两次HTTP请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3cschool.cc/html/"。

HTML列表：

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

列表项列表项

有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于