html元素标签

来源:互联网 发布:vr需要学什么编程语言 编辑:程序博客网 时间:2024/05/21 07:56
-标签的基本模式(形式)
--双标签形式
  <标签名  属性名=”属性值”>标签中内容部分</标签名>
  例子 <a href="#"></a>
--单标签形式
  <标签名  属性名=”属性值”/>

  <img src="#"/>

具体元素标签查看w3c手册 ,若使用到html样式属性 推荐用css替代

排版元素 strong b i u sub sup font address big small

文字/字体标签 p h1~h6 pre blockquote br hr div span


--开发中经常使用重要的标签元素

列表标签 手册w3c

A-无序列表

   有序列表

 自定义列表


B-a标签 有以下用法 具体例子可查w3c手册

1.链接:<a  href=”要链接到网页地址url” target=”要将该网页打开的窗口名” >内容</a>

<a href="www.baidu.com">链接到百度</a>

2.下载: <a  href=”一个浏览器不能打开的文件地址url” >下载</a>

3.链接到邮件客户端:<a  href=”mailto: ldh@itcast.cn” >下载</a>

4.执行javascript程序:<a  href=”javascript: alert(‘hello world!’);” >下载</a>

5.链接到锚点:<a  href=”#锚点名mao1” >文字1</a>       <a  name=”mao1”>文字2</a>

跨页面的锚点链接:<a  href=”链接地址url#锚点名” >下载</a>


C-img标签 具体例子可查w3c

1.普通用法:<img src="url"/>

2.图像映射 就是实现一张图上来实现多个链接

形式:
 <img src=”……url地址”  usemap=”#map名”>

<map name=”自定义的map名” >

<area shape=”圆形(circle)”  coords=”该形状的参数值” href=”要链接到的网页地址url”>

<area shape=”矩形(rect)”  coords=”该形状的参数值” href=”要链接到的网页地址url”>

<area shape=”多边形(poly)”  coords=”该形状的参数值” href=”要链接到的网页地址url”>

</map>

D-table标签

形式:

表格(table)中除了放置前面tr,td,th 还可以caption tbody,thead,tfoot
注意
这两个属性比较重要

colspan=”3”: 表示“该单元格”会向右边合并3个连续的单元格(含自己)
rowspan=”3”:表示“该单元格”会向下边合并3个连续的单元格(含自己)

表单标签 非常重要 作用网页前端数据传送到服务器(必须熟练掌握)w3c手册

<form> <textarea> <select> <input>

其中 <input> 属性type下 input 元素的9种类型w3c


E-框架标签 

frameset W3c手册

需要使用framseset模式的文档类型,并且该文档类型中没有body标签

<iframe>w3c手册 与frameset略有不同


0 0
原创粉丝点击