HTML基础

来源：互联网发布：js 计算明天的时间戳编辑：程序博客网时间：2024/04/28 06:58

垂直对齐-vAlign=top在TD里设定后。。单元格的宽度可以随意拉

头元素
主要位于<head></head>之间的元素:
<title></title>
<base>-用于指定网页中的超连接(相对URL)的基准地址，以改变网页中所有使用相对地址的URL的基准地址
使用形式:<base href="http://www.xxx.com/xxx/" target="_blank">
target属性:用于设定该网页中所有的超连接显示的目标窗口，这<base>里设定后，可省得在所有的超连接的<a>标签中都加上target
<link>-定义了当前文档和另一个文档或资源之间的关系
属性:
HREF
REL与REV---都是描述链接的基本类型、特征。REL属性设值表示链接源是当前文档中定义的,此时的HREF就是定义链接目标
REV属性设值表示链接目标是当前文档中定义的,此时的HREF就是定义链接源
设置值:
Contents、index、Glossary、Copyright、Next、Previous、Start、Help、Bookmark、Alternate
Stylesheet--表示当前文档指向的是一个外部样式表文件,用法:
<link REL="stylesheet" TYPE="text/css" HREF="URL">--表示这个HREF里的URL是用于控制当前网页文档的样式的,而且这个URL地址所指向的资源是一个CSS
Shortcut Icon--替换浏览器里的网页小LOGO，用法
<link REL="Shortcut Icon" HREF="xxx.ico">

TITLE
TYPE：TYPE="text/html" "text/css" "text/javascript"
MEDIA:预设值 screen print projection aural braille tty tv all

Generator--告诉它，这个网页用什么编辑软件编辑的
Author--作者信息
Copyright--版权申明

http-equiv属性用于在HTML文档中模拟HTTP协议的响应消息头，例如告诉浏览器是否缓存该网页，使用什么样的字符集来显示网页内容，隔多长时间自动刷新网页,跳转到其他网页等
http-equiv属性设置值：
Content-Type--用来说明网页文档的MIME类型和字符集，并且将浏览器的查看设置自动设置到对应的位置
  例如：<meta http-equiv="Content-Type" content="text/html;charset=gb2312" 这句话将会自动将浏览器的查
  看方式设置到简体中文那
Refresh头--自动刷新当前网页或者跳转到另外一个网页中,content="3"表示3秒自动刷新，如果加了               content="3;url=http://www.xxx.com"表示3秒后跳转
     制作网页时，在内容中，必须屏蔽掉HTML标签的<>这些符号，使它成为;lt和;gt以免给人破坏
Expires头--设置网页的过期时间,这个时间必须是GMT标准格式来写，如果content=0，则禁止使用缓存
Windows-Target--强制使页面在哪些地方显示,例如：要防止自己的网页被别人当作一个frame页面调用，可以使用 content="_top"
Pragame--可以禁止浏览器在本地缓存页面，content="no-cache",更可靠的方式是用http-equiv="Cache-Control" content="no-cache"
Page-Enter和Page-Exit用于设置浏览器页面进入和退出时的显示特效。需要结合js和css
  例如:content="revealTrans(Transition=23,Duration=1.000)"

<Body>标签:
Text属性---用于设定整个网页中的文字颜色
link属性---用于设定一般超链接文本的显示颜色
alink属性---用于设定鼠标移动到超链接上时，超链接文本的显示颜色
vlink属性---用于设定访问过的超链接文本的显示颜色
background属性---用于设定背景所用的图像文件，JPG-GIF文件的相对或者绝对路劲
bgcolor属性---用于设定背景颜色，当已设定背景墙纸时，这个属性会失去作用，除非墙纸具有透明部分。
leftmargin属性---用于设定网页显示画面(Body中的文本)与浏览器窗口左边沿的间隙，单位为像素。
topmargin属性---用于设定网页显示画面(Body中的文本)与浏览器窗口上边沿的间隙，单位为像素。
class,name,id,style等

不能嵌套使用，他是遵守最劲原则

特殊字符：
可以用数值码和引用实体表示
< ---- <
> ---- @gt;
空格 --- @nbsp;
版权字符 --- © 或者 ©
& ---- &
TM ---- ™
R符号 --- ®
" ---- &qout;
双引号为什么也有呢，因为标签中的属性值可以不用引号括起来，
也可以用单或者双括起来，但是例如属性里是要求写 'z'x"x 就需要这样来写<body class="'z'x&qout;x"

格式标签:
1 <nobr> </nobr>阻止浏览器将过长的文本自动换行
2 <blockquote></blockquote>将文本向右缩进，应该是等于一个制表符的距离
3 <center></center>里面的内容将居中显示
4 <marquee></marquee>里面的内容将会滚动.主要的属性有两个：
(滚动方式)behavior="scroll（连续滚动）slide（滑动一次）alternate（来回滚动）" (方向)direction="up",
当然还有其他的设置属性
5 无项目符号的列表--<dl><dt>中国城市</dt><dd>北京</dd><dd>广州</dd></dl>
6 有项目符号的列表--<p>中国城市</p> <ol><li>北京</li><li>上海</li></ol>出来是1，2，3的符号
7 <ol>换成<ul>的话是圆点的项目符号
8 <pre></pre>----使里面的内容（主要是针对空格和回车）原原本本输出

文本标签:
1    <h1></h1>......<h6></h6> --设置标题，1最大
2    <b>粗体字文本</b>
     <i>斜体字文本</i>
      <u>下加一划线文本</u>
      <tt>打字机风格的文本</tt>
      <cite>引用方式的文本</cite>
      <strong>加重的文本</strong>
3    <sub>上标</sub><sup>下标<sup>
4     <font></font> --属性：face-定义字体名称，size--大小(-7+7还可以是像素) color
5     锚记在<a herf="#加name">
6     mailto协议,<a herf="mailto:dddd@ddd.com?subect=主题写在这&body=正文写在这,%20代表空格&cc(抄送)&bcc(暗送)）">

图像标签
<img src="" alt="图像无法显示时显示的文本" border=0 align等>
<hr>水平线标签，有属性：size,color,noshade,width等

图像地图-各区域为热点
<img src="logo.gif" border=0 usemap="#mymap">
<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="a.html">
<area shape="rect" coords="50,0,100,50" href="b.html">
<area shape="rect" coords="100,0,150,50" href="c.html">
</map>

表格标签
<table cellspacing=各个单元格之间的距离 cellpadding=单元格内容与单元格边框的距离>
<tr></tr>
<td></td> 属性：colspan合并列，rowspan合并行 nowrap禁止浏览器对过长的单元格内容自动换行
<th></th>用法与td完全一样，只是它里面的文本内容都是黑体居中，一般做为表头
<caption></caption>标题，必须紧跟<table>之后

框架-分针的作用
不能嵌套在<body>中
<frameset>属性：cols,rows,border,frameborder
<frameset>属性: src,name,scroll,noresize
<a href="">的target属性--连接的网页出面在哪里:
四个内置取值：_blank _parent _self _top
<noframes>标签-用来在不支持框架的浏览器中显示文本
<iframe>标签-不需要放在<frameset>里，用来在网页中划分出一个区间来，实现一种画中画效果，里面的文本只在不支持时才显示

表单标签
<form>属性：
action用来设置提交表单到的URL
method用来设置提交的方法，有get(默认)和post
title，设置后，老鼠停留在表单时就会显示出来
表单元素:
提交按钮 <input type="submit">
重置按钮 <input type="reset">
单行文本输入框 <input type="text"> size maxlength readonly disabled
复选框按钮 <input type=checkbox> checked value选中后的值
单选按钮 <input type="radio"> 两个单选按钮name要相同才能成为一组
隐藏表单元素 <input type="hidden">
密码输入区 <input type="password">
普通类型按钮,一般需要与脚本联系 <input type="button">
文件上传组件 <input type="file"> 使用这个时必需将method="post",enctype="multipart/form-data"
图像标签 <input type="image"> 当点击这个图标时，点击的位置和表单的其他元素会一起传个服务器
下拉列表 <select> <option></option> </select>
<select>的属性：name(必需要加，不加的话不会传递出去)、multiple(为可以选择多项,不用赋值) size(默认为1)
<option>是定义选择项的, 属性:value、selected
文本区域 <textarea></textarea>
属性:cols、rows
<label>标签要使各个表单元素能使用快截键来做出选择,就要使用label标签来实现
属性：for(=要控制的id值) accesskey(键)

分区标签
<div></div>
<span></span>