html常用标签及作用

html-css012

html常用标签及作用,第1张

一、常用的标签

<h1>~<h6>表示是一个标题

<p>段落标签

<hr/>水平线标签

<br/>换行标签

<sub>下标

<sup>上标

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

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

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

项目列表标签(dl dt dd)

行内标签(span)

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

二、实体标签

空格

小于号 <

大于号 >

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

人民币 &yen;

版权 ©

商标 ®

三、媒体标签

<embed></embed>

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

src :用于指定音乐的路径

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

<marquee>飘动标签direction : 指定飘动的方向

scrollamount : 指定飘动的速度。

loop :指定飘动的次数

四、超链接标签

<a>超链接标签

a标签常用的属性:

href : 用于指定链接的资源

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

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

_self 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:

file:///f:/美女/1.jpg

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

超链接标签的作用:

1. 可以用于链接资源。

2. 锚点点位.

1. 首先编写一个锚点 锚点的格式: <a name="锚点名字">数据</a>

2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

五、图片标签

img标签常用的属性:

width: 设置图片宽度

height 设置图片高度

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

六、表格标签

表格使用到的标签:

<table>表格

<tr>行

<td>单元格

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

<caption>表格的标题

表格常用的属性:

border 设置表格的边框

width : 设置表格的宽度

height: 设置表格的高度的。

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

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

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

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

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

<thead>标签必须被用在以下情境中:作为 <table>元素的子元素,出现在 <caption>、<colgroup>元素之后,<tbody>、 <tfoot>和 <tr>元素之前。

七、表单标签

<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta http-equiv="Content-Type" content="text/htmlcharset=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>

1、<HTML>,表示该文件为HTML文件。

2、<HEAD>,包含文件的标题,使用的脚本,样式定义等。

3、<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>的结束标志。

4、<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY><BODY>的结束标志 </HTML>,<HTML>的结束标志。

5、其它主要标签,以下所有标志用在<BODY></BODY>中: <A,HREF="…"></A>,链接标志,"…"为链接的文件地址 <IMG,SRC="…">,显示图片标志,"…"为图片的地址, <BR>,换行标志 <P>,分段标志

6、<B></B>,采用黑体字 <I></I>,采用斜体字 <HR>,水平画线

7、<TABLE></TABLE>,定义表格,HTML中重要的标志 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中 <TD></TD>,定义表格的单元格,用在<TR></TR>中 <FONT></FONT>,字体样式标志。

标签属性属性描述ACCESSKEYaccessKey设置或获取对象的快捷键。ALIGNalign设置或获取对象相对于显示或表格的排列方式。ATOMICSELECTION指定元素及其内容是否可以一不可见单位统一选择。BEGINbegin设置或获取时间线在该元素上播放前的延迟时间。canHaveHTML获取表明对象是否可以包含丰富的 HTML 标签的值。CLASSclassName设置或获取对象的类。COLORcolor设置或获取该对象要使用的颜色。disabled获取表明用户是否可与该对象交互的值。ENDend设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。firstChild获取对象的 childNodes 集合的第一个子对象的引用。hasMedia获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。HIDEFOCUShideFocus设置或获取表明对象是否显式标明焦点的值。IDid获取标识对象的字符串。isContentEditable获取表明用户是否可编辑对象内容的值。isDisabled获取表明用户是否可与该对象交互的值。isMultiLine获取表明对象的内容是包含一行还是多行的值。isTextEdit获取是否可使用该对象创建一个 TextRange 对象