web学习笔记——HTML整理（二）
学习HTML已经三个星期了，学的进度有点慢，不过我已经弄出了自己的地一个网站，只是个工作室的宣传网站而已，并没有什么大不了，在这个响应式网站中，除了index.html这个文件的代码我认真地阅读过很多次之外，其他的CSS和Javascipt语言都是完全地复制粘贴，是有点偷懒和伸手党的嫌疑，但重要的是，我依旧学到了不少东西，对于CSS的理解更深了一层，对html的优缺点也深入理解。
接下来，我准备把html里我所有能理解下来的标签和属性全部呈现出来，看看手表，现在是两点四十分，我有将近九个小时把这些东西全部总结出来（或者至少总结出一半），希望能在复习之中加深理解和印象，一遍我能更放心地去学习CSS，所以，这篇博客值得我花几天去编撰。
在写这篇博客之前，我还有一个问题不懂：什么是cookie，希望在结束之前能搞明白！
下面就开始了：
一，HTML基本标记
<head>，<title>这两个标签我已经在上一篇博客里说过了，这里就不再重复。
<!-- -->是HTML文档的注释，这个一句话就可以说明白！
head下来的是title，title下来之后就是meta。
<meta>——元信息标记。它有以下几种用法：
1，设置页面关键字。语法：<meta name=“keword” content=“关键字”>
2，设置页面描述。语法：<meta name="description" contect="对页面的描述语言"> （方便搜索引擎的查找）
3，设置编辑工具。语法：<meta name=“generator” content=“编辑软件名称”>
4，设定作者信息。语法：<meta name=“author” contect=“作者的姓名”>
5，限制搜索方式。语法：<meta name=“robots” coneect=“搜索方式”>
这里的content值有下列含义：
all：页面将被检索，且页面上的链接可以被查询。
none：页面不能被检索，且页面上的链接不可以被查询。
index：页面将被检索，但页面上的链接却不可以被查询。
follow：页面上的链接可以被查询。
noindex：页面不能被检索，但页面上的链接可以被查询。
nofollow：页面能被检索，但页面上的链接却不可以被查询。
6，设置网页文字及语言。这在上一篇博客中有记录，对于中文网站来说，应该记住那一句就够了。
7，设置网页的定时跳转。语法：<meta http-equiv="refresh" content="跳转时间;url=链接地址”>
8，设定网页的到期时间。语法：<meta http-equiv=“expires” content=“到期的时间”>（到期的时间必须是GMT格式，过期后必须回服务器重新调用，不过一般用不上这个）
9，禁止从缓存中调用。语法：<meta http-equiv=“cache-control" content="no-cache">, <meta http-equiv="pragma" content="no-cache">（两者皆可）
10，删除过期的cookie。语法：<meta http-equiv="set-cookie" content="到期的时间">（时间还是GMT格式）
11，强制打开新窗口。语法：<meta http-equiv=""windows-target" content="_top">
12，设置网页的过度效果。语法：<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间，transtion=过度方式)">
以下是过渡方式及其编号：0（盒状收缩）1（盒状放射）2（圆形收缩）3（圆形放射）4（由下往上）5（由上往下）6（从左至右）7（从左至右）8（垂直百叶窗）9（水平百叶窗）10（水平格状百叶窗）11（垂直格状百叶窗）12（随意溶解）13（从左右两端向中间展开）14（从中间向在左右两端展开）15（从上下两端向中间展开）16（从中间向上下两端展开）17（从右上角向左下角展开）18（从右下角向左上角展开）19（从左上角向右下角展开）20（从左下角向右上角展开）21（水平线状展开）22（垂直线状展开）23（随机产生一种过渡方式）
<meta>到这里就讲完了，接下来是……
基底网址标记——<base>#这个还不理解，暂时是就提个名字好了。
页面的主题标记——<body>
1，设置页面背景颜色——bgcolor
2，设置背景图片——background
3，设置文字颜色——text
4，设置链接文字属性——link
5，设置边距——margin
二，文字与段落
标题文字的建立——<h1>——<h6>
标题文字的对其方式——align
设置文字字体——face
设置字号——size
设置文字颜色——color
粗体，斜体，下划线——<strong>，<em>，<u>
上标与下标——sup，sub>
等宽文字标记——code
空格——
其他特殊符号："&<>times;§©®™（记得要有分号）
段落标记——<p>
取消文字换行标记——nobr
换行标记——br
保留原始排版方式标记——pre
居中对齐标记——center
向右缩进标记——blockquote
添加水平线——hr
设置水平线宽度与高度属性——width，height
设置水平线的颜色——color
设置水平线的对齐方式——align。语法：<hr align=对齐方式>
去掉水平线阴影——noshade。语法：<hr noshade>
文字标注标记——ruby。语法：<ruby>被说明的文字<rt>文字的标注</rt><ruby>
声明变量标记——var
忽视HTML标签标记——plaintext，xmp（即是在页面上显示源代码的功能，基本不会用上）
三，列表
无序列表标记——ul
语法：<ul>
<LI>第一项
<LI>第二项
<LI>第三项
</ul>
设置无序列表的符号类型——type。语法：<ul type=符号类型>。“符号类型”可以被设定为三个值：disc，circle，square
有序列表标记——ol。语法：与ul类似。
有序列表的序号类型——type。type的取值可以是：1,a，A，i，I。
有序列表的起始数值——start。语法：<ol start=起始数值>
定义列表标记——dl
菜单列表标记——menu
目录列表——dir
列表的简化——compact。语法：<dl compact></dl>
设置列表文字的颜色。语法：<LI><font color=“颜色代码”>列表项的内容</font><LI>
四，超链接
设置超链接的目标窗口。语法：<A href=“链接地址” target=目标窗口的打开方式>链接元素</A>
target值：parent（在上一级窗口打开，常在分帧的框架页面中使用），blank（新建一个窗口打开），self（在同一个窗口打开），top（在浏览器的整个窗口打开，将会忽略所有的框架结构）
内部链接：就是把href后面的地址设置成文件夹中的html文件，记得要打上.html格式后缀。
书签链接，建立书签。语法：<a name="书签名称">文字</a>
链接到同一页面的书签。语法：<a href=“#书签的名称”>链接的文字</a>
链接到不同的书签。语法：<a href=“链接的文件地址#数千的名称”>链接的文字</a>
外部链接。这个写的就是绝对地址，http://（网站），ftp://（服务器），telnet://（远程登录），mailto://（发送到Email）
下载文件，语法：<a href="file.rmvb">《超人：钢铁之躯》</a>
五，图像
添加图像——img。语法：<img src=“pic.jpg”>
图像高度——height，width，border，hspace，vspace。同是属性，语法同上。
图像相对于文字基准线的对齐方式——align
图像的提示文字——alt，用于在图像显示不了时的显示文字内容。
图像的超链接。语法：<a href="链接地址" target="目标窗口的打开方式"><img src="图像文件的地址"></a>
设置图像热区链接，这个貌似比较复杂且不实用，等有需要的时候后再学吧！
六，添加多媒体元素
设置滚动文字——marquee。语法：<marquee>滚动文字</marquee>
文字滚动方向——direction ，是marquee的属性，取值范围有：up，down，left，right。
设置文字的滚动方式——behavior，取值范围：scroll（循环滚动，默认效果），slide（只滚动一次就停止），alternate（来回交替滚动）属性语法同上。
循环次数设置——loop。取值为数字，语法同上。
滚动速度——scrollamount。取值为数字，语法同上，数值越大，滚动越快。
滚动延迟——srcolldelay。取值属性语法同上，和滚动速度同用，可以产生走走停停的效果。
滚动文字的背景设置——bgcolor。取值范围：十六进制颜色代码，语法同上。
滚动背景面积——width，height。语法同上，取值范围为像素。
设置空白空间——hspace，vspace。语法取值范围同上。
设置背景音乐——bgsound。语法：<bgsound src=背景音乐的地址>
bgsound还有loop属性，设置循环播放次数。
添加多媒体文件标记——embed。语法：<embed src=“多媒体文件地址” width=播放界面的宽度 hegiht=播放界面的高度></embed>
设置自动运行——autostart。语法：<embed src=“多媒体文件地址” autostart=是否自动运行></embed>，autostart取值范围：ture or false
enbed同样有loop属性，用于循环播放。
隐藏面板——hidden。将媒体文件的声音保留而隐藏图像，相当于设置了背景声音，通过hidden隐藏播放面板，取值范围：true or false。
七，表格的应用
添加表格——table，tr，td。
设置表格的标题——caption
表格的表头——th
设置表格宽度——width
设置表格高度——height
表格对齐方式——align
设置表格的边框宽度——border
表格边框颜色——bordercolor
内框宽度——cellspacing
表格内文字与边框距离——cellpadding
设置表格背景色-bgcolor
设置表格的背景图像——background
高度的控制——height
边框颜色——bordercolor
行背景——bgcolor，background
行文字的水平对齐方式——align
行文字的垂直对齐方式——valign
设置表格标题的垂直对齐方式——valign
单元格大小——width，height
水平跨度——colspan
垂直跨度——rowspan
对齐方式——align，valign
设置单元格的背景色，语法：<td bgcolor="颜色代码">
单元格的边框颜色——bordercolor
设置单元格的亮边框——bordercolorlight
设置单元格的暗边框——bordercolordark
设置单元格的背景图像——background
文字内容不换行——nowrap
设计表头样式——thead
设计表主体样式——tbody
设计表尾样式——tfoot
层标记——div。层标记也可以成为区域标记，可以看作是为网页排版的标记。语法：<div id=值 align=对齐方式 style=样式 class=应用的样式类></div>
表单标记——form。块级封闭标签，它有以下功能：
1，处理程序——action
2，表单名称——name
3，传送方法——method
4，编码方式——enctype
5，目标显示方式——target
添加输入类的控件——input。语法：<input name="控件名称" type=“控件类型”>
type取值范围：text（文字字段），password（密码域，不显示具体内容，以×代替），radio（单选按钮），checkbox（复选框），button（普通按钮），submit（提交按钮），reset（重置按钮），image（图形域），hidden（隐藏域），file（文件域）
除了输入类型的控件外，还有一些控件，如文字区域，菜单列表则是不用input标记的，他们有自己的特定标记，如文字区域直接使用textarea标记，菜单标记需要使用seclect和option标记结合，这些在后面还将详细介绍。
文字字段——text。密码域——password。他们都是type的取值范围，并且在后面可以跟着以下参数：
name：文字字段的名称，用于和页面中其他控件加以区别，命名时不能包含特殊字符，也不能以html预留字符作为名称。
size：定义文本框在页面中显示的长度，以字符作为单位。
maxlengh：定义在文本框中最多可以输入的文字数。
value：用于定义文本框中的默认值。
下拉菜单，语法：<select name="下拉菜单的名称">
<option value="选项值" selected>选项显示内容
<option value=“选项值”>选项显示内容
</select>
列表项，语法：<select name="列表项名称" size=“显示的列表数” multiple>
<option value="选项值" selected>选项显示内容
<option value=“选项值”>选项显示内容
……
</select>
文本域标记——textarea。语法：<textarea name=“文本域名称” value=“文本域默认值” rows=行数 cols=列数>
</textarea>
id标记。基本语法：<id=“元素的标识名”>
九，框架
语法：<frameset>
<frame>
<frame>
</frameset>
1，水平分割窗口——rows。取值范围：百分数。语法：<frameset rows=“框架窗口的高度，框架窗口的高度，……”>
2，垂直分割窗口——cols，语法同上，取值范围同上。
3，设置边框——frameborder，取值范围，0（隐藏）or 1（显示）。
4，框架的边框宽度——framespacing，取值范围：单位像素。
5，框架的边框颜色——bordercolor
6，页面源文件——src。语法：<frame src=“页面源文件地址‘>
7，页面名称——name
8，调整窗口尺寸——noresize（大小保持不变）
9，边框与页面内容的水平边距——marginwidth。取值范围：像素。语法：<frame src=”页面文件地址“ marginwidth=”水平边距“>
10，边框与页面内容的垂直边距——marginheight。取值语法同上。
11，设置框架滚动条显示——scrolling。取值范围：Yes，No，Auto。
12，不支持框架标记——noframes
浮动窗口（这一个内容很重要，但是比较复杂，虽然理解，但是还未掌握，暂时不去深究……）
好，到这里，我这一篇笔记算是做完了，以后还会继续更新HTML的笔记，但此刻我需要先学习CSS！
一直到书的最后，我都没有找到关于cookie的答案，干脆上百度查了一下，原来是关于用户的个人信息，至少我现在理解起来是这么个意思……
The end！
本博客参考书籍——《HTML网页设计参考手册》
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
