常用html标签

媒体标签

飘动标签

超链接标签

图片标签

表格标签

框架标签

表单标签

媒体标签:
<embed></embed>
hidden 设置隐藏插件是否隐藏。
src :用于指定音乐的路径

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

飘动标签

<marquee>
direction : 指定飘动的方向
scrollamount : 指定飘动的速度。
loop :指定飘动的次数

<marquee loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>

 超链接标签
<a>
a标签常用的属性:
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源

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

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

a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。


2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。

3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。

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

超链接标签的作用:
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
2. 使用a标签 的href属性连接到锚点出。 href=”#锚点的名字“


图片标签:
<img>
img标签常用的属性:
width: 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

热点图:点击图片就可链接到另一个地址


表格标签
<table>
表格使用到的标签:
<table> 表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题


表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。


框架标签
frameSet : 一个frameSet可以把一个页面切割成多份。
只能按照行或者列切割。


frame 不能被切割的。 frame是位于frameSet中。

iframe: 在一个网页中分隔一部分的位置显示另外一个网页的的信息。

注意: frameSet标签不能用于body标签体内容。


表单标签:

表单标签的作用是用于提交数据给服务器的。

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

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


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

 1 </head>
 2 <body>
 3 <form action="http://www.baidu.com" method="post">
 4 <!-- 文本输入框 单行-->
 5 用户名:<input name="userName" type="text"/><br/>
 6 <!-- 密码框 -->
 7 密码:<input name="password" type="password"/><br/>
 8 <!-- 单选框 -->
 9 性别: 男<input checked="true" value="man" name="sex" type="radio"/><input name="sex" value="woman" type="radio"/><br/>
10 <!-- 下拉框 -->
11 来自的城市:<select name="city">    
12 <option value="BJ">北京</option>
13 <option value="SH">上海</option>
14 <option value="GZ">广州</option>
15 <option value="SZ">深圳</option>
16 </select><br/>
17 <!-- 复选框 同一组的复选框name的属性值要一致 -->
18 兴趣爱好: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/>
19 <!-- 文件上传框-->
20 大头照:<input name="image" type="file" /><br/>
21 个人简介:
22 <!-- 文本域 -->
23 <textarea name="intro" rows="10" cols="30"></textarea><br/>
24 
25 <!-- 提交按钮 -->
26 <input type="submit" value="注册"/>
27 <!-- 重置按钮 -->
28 <input type="reset" value="重置"/>
29 
30 </form>
31 </body>
32 </html>
View Code
原文地址:https://www.cnblogs.com/gzc911/p/4963359.html