HTML标签

简介: 1、html基本结构         我的第一个网页            2、文本相关标签    -    color size face   align        预格式文本,让文本保持原来风格,英雄本色  特殊字...

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>

 

相关文章
|
6月前
|
JavaScript 前端开发 SEO
html标签
【4月更文挑战第19天】html标签
33 1
|
6月前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
58 2
|
6月前
HTML标签
【2月更文挑战第16天】HTML标签。
35 3
|
6月前
|
移动开发 搜索推荐 SEO
HTML标签详解
HTML标签详解
89 0
|
6月前
|
移动开发 搜索推荐 前端开发
html标签大全
第一章 自结束标签 像<p> </p> <title> </title> <h1> </h1> 这类标签是需要有结束标签的 而 自结束标签(自己结束自己)是不需要结束标签的 如:<img> <input> 还可以写成 <img /> <input />
|
6月前
|
XML 编解码 安全
HTML标签及说明大全(685个)
HTML标签及说明大全(685个)
32 0
|
前端开发 数据安全/隐私保护
常用HTML标签大全
常用HTML标签大全
219 0
|
移动开发 前端开发 数据可视化
HTML标签介绍
HTML标签
93 0

相关实验场景

更多