html知识复习

来源：互联网发布：JavaScript什么是闭包编辑：程序博客网时间：2024/04/30 08:57

html参考手册：http://www.w3school.com.cn/tags/index.asp

全局属性：http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

事件属性：http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

<hr />创建水平线

文本格式化：

<b>粗体</b>
<big>大号字</big>
<small>小号字</small>
<em>着重字</em>
<i>斜体字</i>
<strong>着重语气</strong>
<sub>下标字</sub>
<sup>上标字</sup>
<ins>插入字</ins>
<del>删除字</del>

<code>计算机代码</code>
<kdb>键盘码</kdb>
<samp>计算机代码样本</samp>
<tt>打字机代码</tt>
<var>变量</var>
<pre>预格式文本</pre>

<abbr>缩写</abbr>
<address>地址</address>
<bdo>文字方向</bdo>
<blockquote>长的引用</blockquote>
<q>短的引用</q>
<cite>引用</cite>

链接：

使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了

链接：target：

值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。

图像：

通过align来设置文本中图片的显示，默认：align="bottom"

alt: 图

带有可点击区域的图像映射：

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap">  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /></map>

像可替换文本

表格：

带有 thead、tbody 以及 tfoot 元素的 HTML 表格：

<table border="1">  <thead valign="middle"> valign 属性规定 thead 元素中的内容的垂直对齐方式。    <tr>      <th>Month</th>      <th>Savings</th>    </tr>  </thead>  <tfoot>    <tr>      <td>Sum</td>      <td>$180</td>    </tr>  </tfoot>  <tbody>    <tr>      <td>January</td>      <td>$100</td>    </tr>    <tr>      <td>February</td>      <td>$80</td>    </tr>  </tbody></table>

cellpadding: 单元边沿与内容之间的空白

cellspacing: 单元格之间的空白

列表：

无序列表：<ul><li> </li></ul>

有序列表：<ol><li></li></ol> 属性：start type

定义列表：<dl><dt></dt><dd></dd></dl>

框架：

<frameset cols="25%,75%">   <frame src="frame_a.htm">   <frame src="frame_b.htm"></frameset>

内联框架

<iframe src="URL"></iframe>

颜色：

ColorColor HEXColor RGB #000000rgb(0,0,0) #FF0000rgb(255,0,0) #00FF00rgb(0,255,0) #0000FFrgb(0,0,255) #FFFF00rgb(255,255,0) #00FFFFrgb(0,255,255) #FF00FFrgb(255,0,255) #C0C0C0rgb(192,192,192) #FFFFFFrgb(255,255,255)

头部

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head><base href="http://www.w3school.com.cn/images/" /><base target="_blank" /></head>

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

HTML <meta> 元素

元数据（metadata）是关于数据的信息。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：

<script type="text/javascript">document.write("Hello World!")</script><noscript>Your browser does not support JavaScript!</noscript>

HTML 中有用的字符实体

注释：实体名称对大小写敏感！

表单：

带边框的表单：

例子：

[html] view plaincopy

<html>
<head>
<title>Welcome</title>
</head>
<h1>登录</h1>
<form action="" method="post">
用户名:<input type="text" name="username"/><br/>
密码:<input type="password" name="pwd"/></br>
<input type="submit" value="登录"/> <input type="reset" value="重新填写"/></br>
<input type="checkbox" name="v1">西瓜</br>
<input type="checkbox" name="v1">苹果</br>
<input type="radio" name="sex"/>男</br>
<input type="radio" name="sex"/>女</br>
<input type="hidden" value="123" name="sal"/>
选择你的出生地:
<select name="bir">
<option value="">--请选择--</option>
<option value="bj">北京</option>
<option value="bj">上海</option>
<option value="cq">重庆</option>
</select>
</br>
请留言</br>
<textarea cols="30" rows="10"></textarea></br>
选择要上传的文件</br>
请选择文件:<input type="file" name="myfile"/></br>
</select>
</form>
</body>
</html>

0 0