html元素标签

-标签的基本模式(形式)
--双标签形式
  <标签名  属性名=”属性值”>标签中内容部分</标签名>
  例子 <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-无序列表


    
    
  • 内容
  • 内容

   有序列表


   
   
  1. 内容
  2. 内容

 自定义列表


   
   
内容 内容


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标签

形式:


    
    
这是第1行中的第1个列这是第1行中的第2个列
这是第2行中的第1个列这是第2行中的第2个列

表格(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标签



    
    … </ttile>
    </head>
    
    
        
        
    

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值