HTML 基础
- 格式：doc
- 大小：46.50 KB
- 文档页数：3
HTML基础1.HTML 标题（Heading）是通过<h1> - <h6> 等标签进行定义的。
2.HTML 段落是通过<p> 标签进行定义的。
3.HTML 链接是通过<a> 标签进行定义的。
<ahref="">This is a link</a>。
HTML5中新添的<nav>4.HTML 图像是通过<img> 标签进行定义的。
<img src="w3school.jpg"width="104" height="142" alt=”图像定义文本” align=”center,left,right”/> 5.<hr /> 标签在HTML 页面中创建水平线。
使用水平线(<hr> 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。
6.不产生一个新段落的情况下进行换行（新行），请使用<br /> 标签.7.<b>加粗<strong>加强语气<i>斜体<em>着重文字8.<pre>标签可以控制回车和空格，可用于显示计算机代码<code>计算机代码</code> <kbd>键盘码</kbd> <tt> 打字机代码</tt> <samp>计算机代码样本</samp> <var>定义变量</var>9.<address>用于在html中的地址。
<bdo dir="rtl"> </bdo>改变文字方向。
<blockquote>长引用<q>短引用。
<cite>定义引用、引证。
<dfn>定义一个定义项目。
10.<del>删除文本<ins>下划线<sub>下浮<sup>上浮.11.style标签的三种用法：行内样式（内联样式）：<style=“属性：属性值”>；内部样式：<head><style type="text/css"> body {background-color: red} </style></head>;外部样式：<head><link rel=”stylesheet”type=”text/html”href=”mystyle.css”></head>12.<div>块级标签，定义节或区域<span>行级标签，定义行内的小节或区域。
13.<a href=”/”></a>指向网站的超链接；<a href=”/index.html”></a>指向本网站中某页面的超链接;<a href=”mailto:邮箱地址”></a>邮件超链接;<a href=”part4”></a>……..<a name=”part4”></a>指向同一页面的不同位置的超链接。
属性有：name=“”；target=“_blank,_top”.14.表格：<table width=”100px”height=”400px”border="6" cellpadding=”10cellspacing=”10”bgcolor=”red”,background=bg.jpg”><caption>我的标题</caption><tr><th colspan=”2”rowspan=”2”>表头</th><td align=”center”>表单元</td> </tr></table>.15.无序列表：<ul type=”circle”,”spuare”><li></li></ul>有序列表：<ol type=”i/I”,”a/A”><li></li></ol>定义列表：<dl><dt><dd></dd></dt></dl>.16.表单:标签：<from> </from>元素：输入数据<input > </input>下拉列表<select><option>….</option></select>文本输入区域<textarea rows=””cols=””>….</textarea>带标题的边框<fieldset> <legend>显示文本</legend> </fieldset>属性：类型type=”text,password,radio,checkbox,submit,reset,button”name=”” value=”” size=””action=””method=”get,post”placeholder=”提示文本”checked=“checked”17.框架集:<frameset rows=”x%....”cols=”x%....”><frame noresize=”noresize”src=”test.html” ></frame></frameset><iframe src=" iframe.html" width="200" height="200"></iframe>用于显示网页内网页18.重定向:<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><meta http-equiv="Refresh" content="5;url=" />19.脚本：<script type=”text/javascript></script>20.音频播放：<object height="100" width="100" data="horse.mp3"></object> <audio controls="controls"> <source src="song.ogg" type="audio/ogg"></audio><embed height="100" width="100" src="/i/song.mp3" /><p><a href="/i/song.mp3">播放mp3</a></p><p><a href="/i/bird.wav">播放wav</a></p><script type="text/javascript" src="/js"></script>21.<maequee direction=””behavior=””></marquee>22.<video width="320" height="240" controls="controls"autoplay="autoplay"><source src="/i/movie.ogg" type="video/ogg" /> </video><object data="/i/movie.mp4" width="320" height="240"> </object><embed width="320" height="240" src="/i/movie.swf" />使用超链接：<a href="/i/bookmark.swf">播放视频文件</a>Xhtml的扩充：1、X HTML 中不鼓励使用name 属性，应该使用id 取而代之。
2、l ang 属性应用于几乎所有的XHTML 元素。
它定义元素内部的内容的所用语言的类型:<div lang=”no” xml:lang=”no”>….</div>3、x html dtd: 规定了使用通用标记语言(SGML)的网页的语法。
三种文档类型：xhtnl1-strict.dtd;xhtml1-transitional.dtd;xhtml1-frameset.dtd.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">4、在同一个HTML 文档中，使用多次class，但只能使用一次id。
5、<video>的属性和方法：<button onclick="playPause()">播放/暂停</button><button onclick="makeBig()">大</button><button onclick="makeNormal()">中</button><button onclick="makeSmall()">小</button>6、C anvas 与SVG 的比较：Canvas：Canvas 通过JavaScript 来绘制2D 图形。
