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

HTML5常用标签

2016-03-21 23:35 513 查看

（1）常用的标签

<h1>~<h6> 表示是一个标题
<p> 段落标签

<hr/> 水平线标签

<br/> 换行标签

<sub> 下标

<sup> 上标

<pre> 原样标签：原样标签会保留空格和换行符。

<ol> <li> 有序的列表标签、

<ul> <li> 无序的列表标签。

项目列表标签(dl dt dd)

行内标签(span)
块标签<div> div标签的内容会独立占一行。

（2）实体标签

空格

小于号 <

大于号 >

-----------------------------

人民币 ¥；

版权 ©

商标 ®

（3）媒体标签

<embed></embed>

hidden ：设置隐藏插件是否隐藏。

src ：用于指定音乐的路径

<embed src="1.mp3" ></embed>

<marquee> 飘动标签

direction : 指定飘动的方向

scrollamount : 指定飘动的速度。

loop :指定飘动的次数

（4）超链接标签

<a> 超链接标签

a标签常用的属性：

href : 用于指定链接的资源

target: 设置打开新资源的目标。

_Blank 在独立的窗口上打开新资源

_self 在当前窗口打开新资源

file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。
格式：
file:\\\f:\美女\1.jpg

邮件的协议： mailTo
迅雷的协议： thunder

超链接标签的作用：

1. 可以用于链接资源。

2. 锚点点位.

1. 首先编写一个锚点锚点的格式： <a name="锚点名字"> 数据</a>
2. 使用a标签的herf属性连接到锚点出。 href=”#锚点的名字“

（5）图片标签

img标签常用的属性:
width：设置图片宽度

height 设置图片高度

alt: 如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

（6）表格标签

表格使用到的标签：
<table> 表格

<tr> 行

<td> 单元格

<th> 表头默认的样式是居中，加粗。

<caption> 表格的标题





表格常用的属性：
border 设置表格的边框

width : 设置表格的宽度

height: 设置表格的高度的。

colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。

<thead> 标签用于组合 HTML 表格的表头内容。

<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。

通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

<thead> 标签必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 元素之后，<tbody>、 <tfoot> 和 <tr> 元素之前。
（7）表单标签

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--
表单标签： 表单标签的作用是用于提交数据给服务器的。

表单标签的根标签是<form>标签

常用的属性：
action: 该属性是用于指定提交数据的地址。
method： 指定表单的提交方式。
get : 默认使用的提交方式。  提交的数据会显示在地址栏上。
post ：  提交的数据不会显示在地址栏上。

注意： 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值。

-->
</head>
<body>
<form action="http://www.baidu.com" method="post">
<!-- 文本输入框 单行-->
用户名：<input name="userName" type="text"/><br/>
<!-- 密码框 -->
密码：<input name="password" type="password"/><br/>
<!-- 单选框  -->
性别： 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>
<!-- 下拉框 -->
来自的城市：<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select><br/>
<!-- 复选框  同一组的复选框name的属性值要一致 -->
兴趣爱好：java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
<!-- 文件上传框-->
大头照：<input name="image" type="file" /><br/>
个人简介:
<!-- 文本域 -->
<textarea  name="intro" rows="10" cols="30"></textarea><br/>

<!-- 提交按钮 -->
<input type="submit" value="注册"/>
<!--  重置按钮 -->
<input type="reset" value="重置"/>

</form>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航