第三周笔记

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值