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

HTML学习小结

2016-05-01 15:35 453 查看

HTML常用标签小结：

常用：

<h1>~<h6> 标题由大到小

<p></p>段落标签

<hr/>画水平线标签

<sub>下标标签： H<sub>2</sub>o ->H2o <sup>上标标签：2<sup>16</sup> ->

<pre></pre>原样标签

<ol type=a> 有序列表标签

<li></li></ol>

<ul> 无序列表标签

<li></li></ul>

常用的实体字符：

空格：大于号：> 小于号：< 人民币：¥ 版权：© 商标：®

<head>标签

1)通知浏览器使用指定码表解释html页面

<meta http-equiv=”center-type ”content=”test/html”charset=”utf-8”> (content 内容)

2)设置网页关键字（最好3-4个，多就废了）

<meta name=”keyword” content=”java培训,...........”>

媒体标签：<embed src=””></embed>

<marquee>飘动标签

超链接签：<a>

href:用来指定链接的资源

Target:设置打开资源的目标 _Blank 独立的窗口打开 _self 在当前窗口打开

[*file协议：<文件协议>这种协议主要用于本地机器的资源文件的

格式：file:\\\f:\美女\1.jpg]

1)链接资源

<a href=”mailTo:12345@qq.com”></a> 启动邮箱

<a href=”Thunder://doc/一个人的武林.avi”></a> 启动迅雷

2)锚点定位

<a name=”top”></a> 设置锚点

<a href=”#top”>回到顶部</a>

图片标签：<img>

常用属性： width:宽度 height:高度 alt:如果图片无法找到，则显示文字说明

热点图*

表格标签：<table>

<tr> --------------------- 行

<th>--------------------- 表头

<td>-------------------------单元格（列）

<caption>表格的标题

常用属性：

border:设置表格边框 width：表格宽度 height：高度 colspan: 占据列数

Rowspan: 占据行数 align=”center”

框架标签：<frameset> <frame>

Frameset可以吧一个页面切割成多份，但只能按照行和列切割。

Frame 不能被切割的frame是位于frameset中的

注意：frameset标签不能用于body标签内。

Iframe :在网页中分隔出一部分显示信息

表单标签：<form>

常用属性：

action：该属性用于指定提交的地址

Method:该属性用于指定提交的方式

注意：表单项的数据腰提交到服务器时，表单项需要有name属性值。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="http://www.baidu.com" method="post">
<table align="center" border="2px" width="500px" height="400px">
<tr>
<td>用户名:</td>
<!-- 文本框输入 单行-->
<td> <input type="text"  name="name"></td>
</tr>
<tr>
<td>密码：</td>
<!-- 密码框-->
<td> <input type="password" name="password"></td>
</tr>
<tr>
<td>性别 </td>
<!--单选框-->
<td>男<input type="radio" name="sex"> 女<input type="radio" name="sex"></td>
</tr>
<tr>
<td>爱好</td>
<!--复选框,同一组name属性值要一至-->
<td>篮球<input type="checkbox"name="hobit">乒乓球<input type="checkbox"name="hobit">足球<input name="hobit" type="checkbox"></td>
</tr>
<tr>
<td>来自那个城市</td>
<!--下拉框-->
<td><select>
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select></td>
</tr>
<tr>
<td>大头照</td>
<!--文件上传框-->
<td> <input name="image" type="file"></td>
</tr>
<tr>
<!-- 文本域-->
<td>自我介绍</td>
<td> <textarea name="intr" rows="10" cols="30"></textarea></td>
</tr>
<tr align="center">
<td colspan="2">
<!--提交按钮-->
<input type="submit" name="submit" value="提交">
<!--重置按钮-->
<input type="reset" name="reset" value="重置"></td>
</tr>
</table>
</form>

</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航