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,如需转载请自行联系原作者


相关文章
|
1月前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
33 1
|
1月前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
22天前
HTML_表单标签
HTML_表单标签
16 0
|
8天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
10天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
10天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
13天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
22天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
12 0
|
22天前
HTML_行内标签
HTML_行内标签
13 0
|
22天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
14 2