HTML script标签
script标签用于定义客户端脚本,比如 JavaScript。
script元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")}
//-->
</script>
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
文档的内容......
</body>
</html>
<a href="http://whttp://www.btbu.edu.cn/">btbu</a>
<acronym title="World Wide Web">WWW</acronym>
<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet>
HTML 实体
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。
Remark提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
&entity_name;
&#entity_number;
不间断空格(Non-breaking Space)
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
结合音标符
发音符号是加到字母上的一个"glyph(字形)"。
一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。
变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。
变音符号可以与字母、数字字符的组合来使用。## 文字标签
可以进行标签套用,优先生效最近的外套标签
<h2 align="center">这是文字标签展示</h2>
<font color="red" size="5" face="隶书"><B>隶书加粗</B></font>
<font color="blue" size="5" face="楷书"><I>楷书斜体</I></font>
<font color="gray" size="5" face="黑体"><U>黑头下划线</U></font><br>
<font color="red" size="5" face="隶书">这是上标2<sup>4</sup>这是下标x<sub>2</sub></font>
<font color="yellow">
这是要
<font color="brown">
强调
</font>
的两个字
</font>
各种表单标签
<form> //定义供用户输入的表单
<input> //定义输入域
<textarea> //定义文本域 (一个多行的输入控件)
<label> //定义一个控制的标签
<fieldset> //定义域
<legend> //定义域的标题
<select> //定义一个选择列表
<optgroup> //定义选项组
<option> //定义下拉列表中的选项
<button> //定义一个按钮
包含各种表单元素的示例
<fieldset>
<legend>表单元素:</legend>
<form>
自行车: <input type="checkbox" name="Bike"><br/>
汽车: <input type="checkbox" name="Car" checked="checked"><br/>
男性: <input type="radio" checked="checked" name="Sex" value="male"/><br/>
女性: <input type="radio" name="Sex" value="female"/><br/>
<select name="cars">
<option value="volvo">111</option>
<option value="saab">222</option>
<option value="fiat" selected="selected">333</option>
<option value="audi">444</option>
</select><br/>
<textarea rows="10" cols="30">文本域</textarea><br/>
<input type="button" value="按钮"><br/>
<input type="submit" value="提交" /><br/>
<input type="reset" value="还原" /><br/>
</form>
按钮
按钮分为普通按钮(button)、提交按钮(submit)和重置按钮(reset),普通按钮主要想赢onclick事件。
<p>
<input name="subbutton" type="submit" value="tijiao">
<input name="resbutton" type="reset" value="chongzhi">
<input type="button" name="putongbutton" value="普通按钮" onclick="alert(this.value)">
</p>
//这是最简单的实现图片按钮的功能
<input src=”地址” type=”image”/>//但是这样仍具备submit的功能
//多行文本框
<p>
<textarea name="text" col="40" rows="8">
你好
</textarea>
</p>
HTML 标签简写及全称
标签 | 中文说明 |
---|---|
a | 锚 |
abbr | 缩写词 |
address | 地址 |
acronym | 取首字母的缩写词 |
b | 粗体(文本) |
blockquote | 区块引用语 |
br | 换行 |
center | 居中 |
code | 源代码(文本) |
dl | 定义列表 |
em | 加重(文本) |
h1-h6 | 标题1到标题6 |
标记一个缩写:
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
标记一个首字母缩写:
<acronym title="World Wide Web">WWW</acronym>
一个嵌入的 Java applet:
<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.</applet>
带有可点击区域的图像映射:
<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>
规定页面上的默认字体颜色和字号:
<head>
<basefont color="red" size="5" /></head><body><h1>This is a header</h1><p>This is a paragraph</p></body>
标记长的引用:
<blockquote>
Here is a long quotation here is a long quotation
here is a long quotation here is a long quotation
here is a long quotation here is a long quotation
here is a long quotation here is a long quotation.
</blockquote>
以下代码标记了一个按钮:
<button type="button">Click Me!</button>