基 本 标 签

HTML标签和属性的语义化

<span style="font-size:18px;">　　<ul>
　　<li>项目一</li>
　　<li>项目二</li>
　　<li>项目三</li>
　　</ul>
　　<ol>
　　<li>第一章</li>
　　<li>第二章</li>
　　<li>第三章</li>
　　</ol>
　　<dl>、<dt>、<dd>
　　dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。
　　例如：
　　<dl>
　　<dt>Dog</dt>
　　<dd>A carnivorous mammal of the family Canidae.</dd>
　　</dl> 
　　<dl>
　　<dt>上海滩</dt>
　　<dd>这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。
　　当年在香港播出以后，产生了巨大的轰动效应。</dd>
　　<dt>周润发</dt>
　　<dd>和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。
　　风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。</dd>
　　</dl></span>

<span style="font-size:18px;">　　<table id=\"mytable\" cellspacing=\"0\" summary=\"The technical specifications of the Apple PowerMac G5 series\">
　　<caption>Table 1: Power Mac G5 tech specs </caption>
　　<tr>
　　<th scope=\"col\" abbr=\"Configurations\" class=\"nobg\">Configurations</th>
　　<th scope=\"col\" abbr=\"Dual 1.8\">Dual 1.8GHz</th>
　　<th scope=\"col\" abbr=\"Dual 2\">Dual 2GHz</th>
　　<th scope=\"col\" abbr=\"Dual 2.5\">Dual 2.5GHz</th>
　　</tr>
　　<tr>
　　<th scope=\"row\" abbr=\"Model\" class=\"spec\">Model</th>
　　<td>M9454LL/A</td>
　　<td>M9455LL/A</td>
　　<td>M9457LL/A</td>
　　</tr>
　　<tr>
　　<th scope=\"row\" abbr=\"G5 Processor\" class=\"specalt\">G5 Processor</th>
　　<td class=\"alt\">Dual 1.8GHz PowerPC G5</td>
　　<td class=\"alt\">Dual 2GHz PowerPC G5</td>
　　<td class=\"alt\">Dual 2.5GHz PowerPC G5</td>
　　</tr>
　　<tr>
　　<th scope=\"row\" abbr=\"Frontside bus\" class=\"spec\">Frontside bus</th>
　　<td>900MHz per processor</td>
　　<td>1GHz per processor</td>
　　<td>1.25GHz per processor</td>
　　</tr>
　　<tr>
　　<th scope=\"row\" abbr=\"L2 Cache\" class=\"specalt\">Level2 Cache</th>
　　<td class=\"alt\">512K per processor</td>
　　<td class=\"alt\">512K per processor</td>
　　<td class=\"alt\">512K per processor</td>
　　</tr>
　　</table>
　　<dfn>
　　<p><dfn title=\"Microsoft web browser\">Internet Explorer</dfn> is the most popular browser used underwater.</p>
　　<ins>, <del>
　　知道del，就不要再用<s>做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。
　　例如：
　　<p>It really was <ins cite=\"rarara.html\" datetime=\"20031024\">very</ins> good.</p>
　　<code></span>

　　<a href=\"http://www.baidu.com\" title=\"用Photoshop创建最佳黑白照片的方法\">用Photoshop创建最佳黑白照片的方法</a>

HTML语言的简要注释

<img> 插入图像

table可以创建一个新的表格

frameset是将窗口分割成若干个子窗口，子窗口数取决于frame的个数
<frame> 标记符来标识子窗口(无结果符)
1.name
2.src(源) 设置框架内容的URL
3.frameborder(框架边框)
4.marginwidth (框架的左右边距)
5.marginheight(框架的上下边距)
6.scrolling(是否显示滚动条 auto自动 yes显示   no不显示)
7.noresize(不允许调整框架的尺寸)

<a herf="目标文件"target="目标框架名">超链接内容</a>
1._top 表示将超链接的目标文件装入整个浏览器窗口
2._self 表示将超链接的目标文件装入当前框架，以取代该框架中正在显示的文件
3._blank 表示将超链接的目标文件装入一个新的浏览窗口
4._parent 表示将超链接的目标文件装入当前框架的父框架

<iframe></iframe>定义了一个页面内的框架
1.src(源) 设置框架内容的URL
2.name
3.width,height
4.align (top middle bottom)
5.frameborder(框架边框)
6.marginwidth(框架左右边框),marginheight(框架上下边框)
7.scrolling(是否显示滚动条 auto yes no)

<form></form>表单

<input> 定义了一个用于用户输入的表单元素(无结束标记符)

</select> 定义了一个选项列表表单元素

<marquee></marquee>创建一些滚动字幕
1.direction(方向 left right up down)
2.behavior (行为   scroll绕圈滚动 slide只滚一次 alternate来回滚动)
3.loop (循环)
4.scrollamount(滚动的速度)
5.scrolldelay(滚动延时)
6.align(对齐方式 top middle bottom)
7.bgcolor
8.height,width
9.hspace,vspace(垂直和水平间距)

<applet>

applet用来在网页中插入一个Java小应用程序对象
1.code(源代码) 指定Java小应用程序的源代码文件(.class文件)
2.name
3.width,height
4.align

param用来定义Java小应用程序中的参数
1.name
2.value(值)给变量赋值
3.valuetype(值类型 data表示value指定的值将作为一个字符串传递的对象
        ref表示value指定的值是一个URL
        object表示value指定的值是一个指向同一文档中一个object的标志符)
4.type(类型)当valuetype属性的值设置为ref时，此属性指定了URL所代表资源的内容类型

<object>

object可以定义很多种不同的多媒体文件
1.classid:该属性指定了浏览器中用来播放相应多媒体对象的控件ID
2.codebase:定义多媒体文件相对位置的根目录
3.codetype:指定当下载由classid所指定的对象时使用的数据内容的类型
4.data:定义多媒体文件的位置
5.type:定义多媒体文件的类型
6.width,height

selector{property1:value1;property2:value2......}selector表示需要应用式样的对象
     property表示由css标准定义的样式属性
     value表示样式赂性的值

例:h2{text-align:center;font-family:楷体_gb2312}
selector.classname{property1:value1;......} 标记符类
.classname{property:value;......} 通用类
#IDname{property:value;......}用户定义ID

虚类

长度单位

font-family(字体族)

font-style:字体风格名称
   例: p{font-style:oblique}
font-size(字体大小)
font-size:绝对大小 | 相对大小 | 百分比

font-variant(字体变形)

font-weight(字体加粗)

letter-spacing(字符间距)

text-decoration(文字修饰)

text-transform(文本转换)

text-align(文本对齐方式)

text-indent(文本缩放)

margin(页边距)

border-style(边框样式)

border-color(边框颜色)

border(边框)

float(浮动)

HTML：基础标签及属性（备份）,古老的榕树,5-wow.com