一:<label>标签
如果想通使用普通windows程序一样,可以用快捷键在表单字符元素之间进行切换,
选中或清除复选框,选择单选按钮,这久需要使用<label></label>标签来实现这种功能了
如:
<form>
<label for="usr" accesskey="a">用户名(<u>a</u>):</label>
<input type="text" name="user" id="usr" /><br />
<label for="pas" accesskey="b">密码(<u>b</u>)</label>
<input type="password" name="pass" id="pas" /><br />
<label for="male" accesskey="c">男(<u>c</u>)</label>
<input type="radio" name="sex" id="male"/>
<label for="female" accesskey="d">女(<u>d</u>)</label>
<input type="radio" name="sex" id="female" /><br />
<label for="mar" accesskey="e">婚姻状况</label>
<input type="checkbox" id="mar" name="married" />
</form>
依次按下Alt+A键、Alt+B键、Alt+C键、Alt+D键、Alt+D键就能看到快捷键的作用了.
for属性:指定快捷键将作用于的保单字段元素,设置值必须与某个表单字段元素的id值相吻合.
accesskey属性,指定for属性所对应的表单字段元素的快捷键,使用快捷键必须按下alt+快捷键
二:头元素
头元素是指通常位于<head></head>标签对之间的元素,包括title,base,link,meta等
这些元素可用来表明网页文件的有关信息,例如,文档标题,搜索引擎针对当前网页文档所
收入的关键字内容和其他一些不属于文档内容的信息.以下都是头元素.
(1):<base></base>
该标签用于指定网页中的超链接的基准地址(以base为准标准的地址),
以改变网页中所有使用相对地址的url的基准地址,<base>标签只能用于
文件头部分,只对该页面有效
target属性:
<base target="_blank" />
代表该页面的超链接都以_blank为方式打开
href属性:
<base href="http://www.163.com/zz" />
代表该页面的超链接都以http://www.163.com/zz/
的zz目录为基准地址(zz目录作为起点)
<a href="tt.html">请点击</a>
这时候点击超链接访问地址为:http://www.163.com/zz/tt.html
注意:href属性设定那个该网页中所有使用HTTP协议的URL地址(例如,<a>和<img>标签的href属性值)的基准地址
如果:<base href="zz" />
那么单击:<a href="tt.html">请点击</a>该连接路径为:
http://zz/tt.html它会自动帮你加上http://协议
(2)<link></link>以下就举例说明样式表的例子,其他的很少用,可以查帮助文档
<link rel="stylesheet" type="text/css" href="tt/url">
其中rel="stylesheet"表明目标资源是一张样式表
要注意的是,一个文档可以包含不止一个应用外部样式表的link单元
(3)<meta>标签
主要又两种类型的<meta>,它们用不同的属性名来划分,这两种属性名为name和http-equiv
1) name属性用于在网页中加入一些关于网页的描述信息,例如,网页的关键字(可供网页搜索引擎机器人查找,分类)
,网页的描述信息等.
<meta name="keywords" content="软件开发,vc,java,培训" />设置搜索的关键字
2)http-equiv属性
该属性包括一下功能:通知浏览器查看此网页时应该使用的字符编码,是否在本地缓存此网页,网页到期的时间,是否间隔一定时间以后刷新当前页面或跳转到其他页面等;
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />设置网页的MIME类型和字符编码
<meta http-equiv="refresh" content="2; url=http://jhxk.iteye.com" />设置页面间隔两秒跳转到http://jhxk.iteye.com
<meta>标签的内容还有很多用到可以查帮助文档
三:<div></div>
区域标签(块级元素)可以包含任何html元素,通过改变<div>的属性,可以让其中所有元素随之消失,出现,更改,移动等
<div>应用于Cascading style sheets(层叠样式表)和客户端脚本编程方面会更显威力
<div align="center">
<p>段落1</p>
<img src="img1.gif">
<p>段落2</p>
</div>
以下是错误的:该标签不能包含在段落标签中
<p>aa<div>bb</div>cc</p>
四:<span></span>
<span>标签本身没有任何意义,该标签专门用于css和客户端脚本编程中
比如:要将文本ZhangSan中的前半部分Zhang单独选取出来,作为一个被
css和javascript调用的独立单元,久可以使用<span>Zhang</span>San.
<span>与<div>的不同之处在于:
<div>是一个区块(block)元素
<span>是文本级元素
例如:
<span>aaa</span>bbb
显示效果:

<div>aaa</div>bbb
显示效果:

以上可见<span>本身第嵌套在其中的文本没有任何影响,只能借助于css和客户端脚本编程来对<span>元素进行处理.

- 大小: 12.5 KB

- 大小: 11.3 KB
分享到:
相关推荐
网页设计与开发是一门涵盖广泛技术的学科,主要包括HTML、CSS和JavaScript这三大核心技术。HTML(HyperText Markup Language)是网页内容的基础结构语言,用于创建和定义网页的元素,如标题、段落、链接和表格等。在...
- `$("div#myDiv")`:同时指定ID和标签名。 - `$("input[type='text']")`:选取特定属性的元素。 ### 2. DOM操作(DOM Manipulation) jQuery提供了丰富的DOM操作方法,包括添加、删除、替换元素: - `$(selector...
我们可以使用内联样式(如`<div style="color:red;">`)、内部样式表(`<style>`标签在`<head>`中)或外部样式表(`.css`文件链接)来添加样式。 4. 表格:在展示杂货清单时,`<table>`标签非常有用。`<table>`、`...
3. **定位价格元素**:在HTML中,每个商品的价格通常位于一个特定的HTML标签内,比如`<span>`或`<div>`。通过分析网页源代码,我们可以找到这个元素的类名、ID或其他标识符。 4. **提取价格数据**:一旦找到了价格...
- **层动画**:层动画需要将内容放在HTML的`<div>`层内,并通过CSS或JavaScript控制动画效果。 - **特殊符号**:` `表示空格,常用于HTML中创建不可见的空白。 - **链接路径**:在Dreamweaver中,创建链接时...
技术层面,设计者运用了HTML、CSS和div布局,这些是网页开发的基础工具。CSS用于控制网页的样式和布局,如设置.container类的宽高和居中对齐,.top类的宽度和居中,以及.left1类的背景色和浮动效果。Dreamweaver作为...
- **解析**: `<div>`标签是HTML中常用的容器元素,常用于CSS布局。 ### 13. 二维数组初始化 - **题目**: 给定的二维数组定义语句为`int a[3][4]={{3,4},{2,8,6}};`,元素`a[1][2]`的值是多少? - **答案**: 6 - **...