您的位置：首页 > Web前端 > JavaScript

【HTML、JAVASCRIPT、CSS】2、HTML语言入门2

2014-06-27 22:53 645 查看

1、HTML中实现超链接

超链接以<a>标签实现，具体方法如：

<html>
<head>
<title>无标题文档</title>
</head>

<body>
<a href="http://www.baidu.com" target="_blank">打开百度</a>
</body>
</html>

执行后发现网页中出现了“打开百度”的链接并链接到<a>标签中的网址。另外，还可以在链接中实现邮件链接等其他协议。

第二种用法，使用超链接实现页面定位功能。

首先使用<a>标签定义目标位置：

<a name="target">目标</a>
....
<a href="#target">返回目标</a>

此时，单击“返回目标”链接，页面会自动跳转回“目标”标签所在位置。

2、表单标签<form>：用于页面与服务器的交互。

<input>标签，实现在页面上显示一个输入框，通过设置不同的type，实现不同的功能：

<html>
<head>
<title>无标题文档</title>
</head>

<body>
<form>
User Name:<input type="text" name = "user"/><br />
Password:<input type="password" name = "psw"/><br />
Gender:<input type="radio" name = "Gender" value="M"/>Male<input type="radio" name = "Gender" value="F"/>Female<br />
Skill:
<input type="checkbox" name="skill" value="C">C/C++
<input type="checkbox" name="skill" value="OC">Objective-C
<input type="checkbox" name="skill" value="M">Matlab
<input type="checkbox" name="skill" value="H">HTML<br />
File:<input type="file"><br />
Enter:<input type="button" value="YES"><br />
<input type="submit"><br />
<input type="reset">
</form>
</body>
</html>

此外，还可以设置hidden和img类型的input标签，分别用于设置要上传的隐藏信息，以及设置图片类型的上传按钮。

3、<select>标签，实现下拉菜单选择框：

<html>
<head>
<title>无标题文档</title>
</head>

<body>
<form>
<select name="country">
<option value="none">--选择国家--</option>
<option value="CH">China</option>
<option value="US">United States</option>
<option value="UK">Briton</option>
</select>
<br />
<textarea cols="30" rows="10">
</textarea>
</form>
</body>
</html>

4、<Label>标签，用于实现输入框的快捷键

关键在于两个属性：for属性——指定快捷键的表单元素，必须与表单元素的id相同；accessKey属性——指定快捷键，需要与alt键组合使用。

5、 <pre>标签，用于使html脚本中输入的文字信息在显示的时候保持输入样式（比如可以通过这种方式在页面上显示某种程序代码）。

6、文本编辑标签：<p>标签，用于标识段落之间的空行；<b>标签，用于标记文本内容为加粗；<i>标签，用于标记文本内容为倾斜；<u>标签，在标记文字上加下划线；<strong>标签，意义同<b>标签；<sub>、<sup>标签：分别表示某文本为上下标；

7、<marquee>标签，标记文本飞入效果。

8、头标签<head>

头标签中包含了多种文档的属性信息。除了<title>标签外，还有<base>标签，用href属性表示超链接的目录。

<meta>标签：属性keyword可以设置页面的关键字；属性http-equiv属性，模拟http协议的响应消息头。

<link>标签：给页面关联指定文件。rel属性用于标记文件类型，href用于指定文件路径，media属性用于指定作用媒体类型（如打印机显示器等）。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航