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>

 

时间: 2024-10-02 09:14:14

HTML标签的相关文章

了解360极速浏览器标签和窗口快捷键

打开新窗口:Ctrl+N 打开新标签:Ctrl+T 打开隐身浏览窗口:Ctrl+Shift+N 打开文件:Ctrl+O 在后台新标签中打开链接:Ctrl+点击链接.鼠标中键(或鼠标滚轮)点击链接 在前台新标签中打开链接:Ctrl+Shift+点击链接.Shift+鼠标中键(或鼠标滚轮)点击链接 在新窗口中打开链接:Shift+点击链接 切换到下一个标签:F3.Ctrl+Tab.Ctrl+PgDown 切换到上一个标签:F2.Ctrl+Shift+Tab.Ctrl+PgUp 切换到标签栏上第几个标

大神们!!百度地图api中标签信息的抓取啊。前js后C#。

问题描述 大神们!!百度地图api中标签信息的抓取啊.前js后C#. 是这样的,一个地图api的调用,我需要获取到百度地图api上的搜索出来的信息,可是获取不到啊啊啊... 解决方案 js版的百度地图还是其他版本的? js版本的,C#是运行于服务器端的,无法直接获取客户端的数据.js搜索后你自己即那个解码后的信息用ajax回发到服务器进行获取

Html5 CSS3新标签解释及用法

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div> 和

标签-Java如何在图片上添加文字

问题描述 Java如何在图片上添加文字 小白没事干想P图玩 然后想在文字上加字 发现如果用标签那么两者是分开的 如果把文字也弄做一个标签的话会被图片遮盖 希望各位大大能赐教我如何把文字添加在图片上 谢谢 解决方案 java?给图片添加文字 最近开发中要实现给图片加文字功能,本打算用Jmagick实现的,可是中文出现乱码,没有找到解决办法,就用 最原始的方法实现了,如果随知道Jmagick图片解决中文乱码问题,可以告诉我,谢谢!!! public?class?d?{? public?static?

webview加载html,a标签超链接禁止跳转

问题描述 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 解决方案 shouldOverrideUrlLoading方法 return true 解决方案二: 简单,你在setWebViewClient()方法中把你的连接过滤掉就行了.

html css-怎样让a标签垂直居中显示

问题描述 怎样让a标签垂直居中显示 我有一个div,里面放了一个img 和一个a标签,图片在标签的后面,图片的宽度把div撑大,现在我想让我的a标签在div里面垂直居中显示,或者说是控制这个连接在图片右侧的上下(垂直)位置,应该怎样实现啊??各位大神,求解答...... 解决方案 CEdit 单行垂直居中显示UITextView 单行垂直居中显示使用button标签让文字垂直水平居中 解决方案二: div position relative,a标签position absolute,设置a的le

UC浏览器云标签使用方法

  UC浏览器云标签使用方法.大家可能还不知道,其实UC浏览器里面有个云标签.有用户在问,UC浏览器云标签怎么用?下面小编就为大家介绍UC浏览器云标签使用方法吧! 1.打开[UC浏览器],点击[多窗口]按钮,然后点击[云标签];(如下图所示) UC浏览器云标签 UC浏览器云标签 2.登陆微博.QQ等,然后点击左下角的[立即同步]即可.(如下图所示) UC浏览器云标签

有道重大改版 引入#标签机制实现对搜索结果精确分类

网易有道搜索今日进行了一次改版,这个内部代号为"唐古拉"的版本无论是页面还是功能都有较大变化.只要打开页面就会发现它在配色和风格方面做出了较大调整,其中最吸引人注意的可能还是那道随鼠标移动的红杠.   在输入搜索条件时,你会发现在搜索建议框的右半部分会直接显示可能的结果.例如,输入"北京天气",建议框中会直接显示出北京最近两天的天气情况.再如果输入"复仇者联盟",会在建议框中获得电影简单介绍及"在线观看"按钮.这一特性可能让你

input标签写CSS时需要注意的几点

飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了一下在没有任何样式表的情况下<input>标签在默认浏览器中的实际差别. 结果发现:i

代号“ GProfile ” ——独家解密阿里标签利器

你可能已经知道达摩盘,也可能接触过虾米音乐给你推荐的好歌,当然你肯定经常在购物时,收到系统给你推荐的产品--但你肯定不知道,在营销推荐.产品推荐的背后,是一个庞大的算法工程,其中的一款标签体系,从未对外公布.     今天阿里数据将会独家解密这一标签利器,它的内部代号是-GProfile ,全称为全局档案.概括来说,GProfile 全局档案要做的事情是这样的:    目前,GProfile 全局档案是以消费者档案为核心构建内容,通过分析消费者的基础信息.购物行为以描绘其特征画像.    今后