HTML标签

简介:

1、html基本结构
 <html>
  <head>
   <title>我的第一个网页</title>
  </head>
  <body bgcolor="red" background="bg.jpg">
  </body>
 </html>
2、文本相关标签
 <H1>  -  <H6>
 <font> color size face
 <p> align  <br>
 <center> <b> <i>
 <hr>
 <pre> 预格式文本,让文本保持原来风格,英雄本色
 特殊字符
 &nbsp;  &lt;  &gt;
3、超链接
 <a> href target="_blank"
 相对路径
 绝对路径
 根路径

 锚定 <a name="top">顶部</a>

      <a href="#top" name="top">回到顶部</a>
4、图像
 <img> alt src width height border
5、列表
 <ul>  type=disc, circle, square
 <ol>  type=1,a,A,I,i
6、表格
 <table> align valign rowspan colspan
 cellpadding填充 cellspacing间距 border bordercolor
 
7、表单
 <form> method
 <input> type=submit reset button image checkbox radio text password hidden file
 <textarea>
 <select>
 <label>

8、<fieldset> <legend>   
9、<meta>
10、注释 <!--  注释的内容  -->
* <embed src="coder.mp3" loop=true autostart=true name=bgss width="460" height="68">调用wmp的插件
* <bgsound src="town.mid" loop="true" />只能播放wav和mid格式,只支持ie

* 插入flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="700"> 
<param name="movie" value="light-bot-2205.swf" /> 
<param name="quality" value="high" /> 
<embed src="light-bot-2205.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="700"></embed>
</object>


* 滚动标签 <marquee> scrolldelay  direction


遗留问题:
1、text和password不一样长
2、无法改变button的长度
3、table的的边框太粗 table内文字样式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
 <form action="reg.aspx">
  <input type="text">
  <input type="password">
  <input type="hidden">

  <input type="button">
  <input type="submit">
  <input type="reset">
  <input type="image" src="E:\支付宝.jpg">

  <input type="file">

  <input type="radio">
  <input type="checkbox">

  <hr>
  用户名:<input type="text" value="请输入" size="20" maxlength="6"><br>
  密&nbsp;&nbsp;码:<input type="password" value="" size="20"><br>
  性&nbsp;&nbsp;别:<input type="radio" value="男" name="sex" checked="checked">男
       <input type="radio" value="女" name="sex">女<br>
     学&nbsp;&nbsp;历:<input type="radio" value="xx" name="xl" checked>小学
       <input type="radio" value="cz" name="xl">初中
       <input type="radio" value="gz" name="xl">高中


 

爱&nbsp;&nbsp;好:<input type="checkbox" value="cf" checked>吃饭
       <input type="checkbox" value="sj">睡觉
       <input type="checkbox" value="dq">打球
  <br>
  选择城市:<select>
      <option value="1">请选择</option>
      <option value="1" selected="selected">上海</option>
      <option value="2">北京</option>
      <option value="3">南京</option>
      </select>
      <hr>
      <select size="4" multiple="multiple">
      <optgroup label="河北">
       <option>邯郸</option>
       <option>石家庄</option>
       <option>邢台</option>
         </optgroup>
      <optgroup label="河南">
       <option>郑州</option>
       <option>石安阳</option>
       <option>新乡</option>
         </optgroup>
      <br>
     自我介绍:<textarea cols="40" rows="3">我是多行文本
            </textarea>
     </fieldset>
  <br>
  <br>
  <input type="submit" value="注册">
  <input type="reset" value="重置">

  <input type="button" value="check">
  <marquee dircution="down"><marquee dircution="right">让子弹飞</marquee></marquee>
  <!--<bgsound src="E:\音乐\Nightwish - She Is My Sin.mp3"></bgsound>-->
  <embed src="E:\音乐\Nightwish - She Is My Sin.mp3" loop="true" name="狼的诱惑" width="460" height="68">

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

 




















本文转自蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366613,如需转载请自行联系原作者


相关文章
|
21天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
22 1
|
1月前
HTML文档基础标签(2)
HTML文档基础标签(2)
|
1月前
|
数据采集 前端开发 JavaScript
html 页面里 noscript 标签的作用介绍
html 页面里 noscript 标签的作用介绍
29 0
|
2月前
|
小程序
微信小程序中识别HTML标签的方法
微信小程序中识别HTML标签的方法
|
1月前
HTML常用标签
HTML常用标签
|
5天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
10 2
|
9天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
17天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
21天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
23天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4