复习html基础

为了完成毕业设计而专门开始学习html css JavaScript c# 数据库。
其中html和css有了一定的基础。从现在开始重新学习。
以此来记录些代码（其中很基础的内容就不写入了）
<html篇>
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
html的属性总是以名称/值对的形式出现，比如：name=“value”。
class classname 规定元素的类名（classname）
id（属性） id（值） 规定元素的唯一 id
style style_definition 规定元素的行内样式（inline style）
title text 规定元素的额外信息（可在工具提示中显示）
hr / 标签在 HTML 页面中创建水平线
!-- 注释 – 不会在网页显示注释的内容

标签p是一个段落
文字后加br标签可以换行，即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。
a标签来实现链接，a href=
target="_blank"加这个可以使打开的链接在新页面
img标签实现插图 img src=

html文本格式化：
pre 标签很适合显示计算机代码，它保留了空格和换行
code，kbd，tt，samp，var常用于显示计算机/编程代码
code> 定义计算机代码。定义编程代码示例，不保留多余的空格和折行
kbd> 定义键盘码。定义键盘输入
samp> 定义计算机代码样本。定义计算机输出示例
tt> 定义打字机代码。
var> 定义数学变量。
pre> 定义预格式文本。保留了空格和换行

abbr title（缩写），acronym title（首字母缩写） 可以当把鼠标移至缩略词语上时，title 可用于展示表达的完整版本
使用 blockquote（长的引用） 元素的话，浏览器会插入换行和外边距，而 q （短的引用）元素不会有任何特殊的呈现。
del标签可以一笔划掉输入的文字，ins在文字下面加一行。
abbr> 定义缩写。
acronym> 定义首字母缩写。
address> 定义地址。
bdo> 定义文字方向。浏览器支持这个的话文字是从右到左的
blockquote> 定义长的引用。浏览器对元素进行缩进处理
q> 定义短的引用语。浏览器通常会在 q 元素周围包围引号
cite> 定义引用、引证。定义的文字是斜体的
dfn> 定义一个定义项目。效果跟abbr差不多 简便的话用abbr即可。

文本格式化标签：
b> 定义粗体文本。
big> 定义大号字。
em> 定义着重文字。
i> 定义斜体字。
small> 定义小号字。
strong> 定义加重语气。
sub> 定义下标字。
sup> 定义上标字。比如什么的平方
ins> 定义插入字。
del> 定义删除字。

外部样式表
链接一个外部css样式表 link rel=“stylesheet” type=“text/css” href=“mystyle.css”>通过更改一个文件来改变整个站点的外观。
内部样式表
在 head 部分通过 style> 标签定义内部样式表
style type=“text/css”>
body {background-color: red}这里定义了下面的body部分的样式
p {margin-left: 20px}
/style>

内联样式
在相关的标签中使用样式属性
p style=“color: red; margin-left: 20px”>
This is a paragraph
/p>

style> 定义样式定义。
link> 定义资源引用。
div> 定义文档中的节或区域（块级）。
span> 定义文档中的行内的小块或区域。
font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
basefont> 定义基准字体。不赞成使用。请使用样式。
center> 对文本进行水平居中。不赞成使用。请使用样式。

关于锚的用法：
实例
首先，在 HTML 文档中对锚进行命名（创建一个书签）：

a name=“tips”>基本的注意事项 - 有用的提示/a>
然后，在同一个文档中创建指向该锚的链接：

a href="#tips">有用的提示/a>
也可以在其他页面中创建指向该锚的链接：
ahref=“http://www.w3school.com.cn/html/html_links.asp#tips”>有用的提示/a>.
在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

其中链接和图片的用法很重要。
在图片无法加载时 可以用alt用文字显示图片的内容。
img> 定义图像。
map> 定义图像地图。
area> 定义图像地图中的可点击区域。

表格
每个表格由 table 标签开始。
每个表格行由 tr 标签开始。
表格的表头使用 th> 标签进行定义
每个表格数据由 td 标签开始。
caption>我的标题/caption>表格标题

横跨两列的单元格
table border=“1”>
tr>
th>姓名/th>
th colspan=“2”>电话/th>
/tr>
tr>
td>Bill Gates/td>
td>555 77 854/td>
td>555 77 855/td>
/tr>

横跨两行的单元格
th rowspan=“2”>电话/th>

cellpadding="10"单元格边距
cellspacing="10"单元格间距

table> 定义表格
caption> 定义表格标题。
th> 定义表格的表头。
tr> 定义表格的行。
td> 定义表格单元。
thead> 定义表格的页眉。
tbody> 定义表格的主体。
tfoot> 定义表格的页脚。
col> 定义用于表格列的属性。
colgroup> 定义表格列的组

列表：
无序列表
《ul》
《li》《/li》
《li》《/li》
《/ul》
无序列表左边的黑点可以换type=disc，circle，square

有序列表type=数字，英文就有顺序。
《ol》
《li》《/li》
《li》《/li》
《/ol》
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 《dl》标签开始。每个自定义列表项以 《dt》 开始。每个自定义列表项的定义以 《dd》 开始。

ol> 定义有序列表。
ul> 定义无序列表。
li> 定义列表项。

dl> 定义定义列表。
dt> 定义定义项目。
dd> 定义定义的描述。
dir> 已废弃。使用 ul> 代替它。
menu> 已废弃。使用 ul> 代替它。

div> 定义文档中的分区或节（division/section）。可用于组合其他 HTML 元素的容器。块级元素（在浏览器显示时，通常会以新行来开始（和结束））例子：h1>, p>, ul>, table>
span> 定义 span，用来组合文档中的行内元素。用作文本的容器。内联元素（在显示时通常不会以新行开始。）例子：b>, td>, a>, img>

下面是关于网页布局问题
header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容（比如侧栏）
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题

网页框架
垂直框架
html>

frameset cols=“25%,50%,25%”>

frame src="/example/html/frame_a.html">
frame src="/example/html/frame_b.html">
frame src="/example/html/frame_c.html">

/frameset>

/html>
水平框架
frameset rows=“25%,50%,25%”

框架结构标签（frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 frame> 标签中加入：noresize=“noresize”。

html内联框架
iframe> 定义内联的子窗口（框架）
iframe 用于在网页内显示网页。
《iframe src=“URL”》 《/iframe》可以设置高度宽度，
frameborder=“0” 删除边框

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
bgcolor="#000000">
bgcolor=“rgb(0,0,0)”>
bgcolor=“black”>
标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除这些属性。

应该使用层叠样式表（CSS）来定义 HTML 元素的布局和显示属性。

HTML script 元素
script> 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。

noscript> 标签
noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：

html路径
img src=“picture.jpg”> picture.jpg 位于与当前网页相同的文件夹
img src=“images/picture.jpg”> picture.jpg 位于当前文件夹的 images 文件夹中
img src="/images/picture.jpg"> picture.jpg 当前站点根目录的 images 文件夹中
img src="…/picture.jpg"> picture.jpg 位于当前文件夹的上一级文件夹中
绝对文件路径是指向一个因特网文件的完整 URL：
相对路径指向了相对于当前页面的文件，使用相对路径是个好习惯。

html头部元素
使用 base 标签使页面中的所有标签在新窗口中打开。base target="_blank"
base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

使用 《meta name="…" content="…"》 元素来描述文档
重定向用户到新的网站：
meta http-equiv=“Refresh” content=“5;url=http://www.w3school.com.cn”

元数据（metadata）是关于数据的信息。
meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
meta> 标签始终位于 head 元素中。
元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
针对搜索引擎的关键词：meta name=“keywords” content=“HTML, CSS, XML”
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

head> 元素是所有头部元素的容器。head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：title>、base>、link>、meta>、script> 以及 style>。

title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够：
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题
link> 标签最常用于连接样式表：link rel=“stylesheet” type=“text/css” href=“mystyle.css”

head> 定义关于文档的信息。
title> 定义文档标题。
base> 定义页面上所有链接的默认地址或默认目标。
link> 定义文档与外部资源之间的关系。
meta> 定义关于 HTML 文档的元数据。
script> 定义客户端脚本。
style> 定义文档的样式信息。

HTML 中有用的字符实体
注释：实体名称对大小写敏感！

网址组成
http://www.w3school.com.cn/html/index.asp
scheme://host.domain:port/path/filename
解释：

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页。加密所有信息交换。

颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF） #000000 rgb(0,0,0)

声明帮助浏览器正确地显示网页。

html基础就先到这。