HTML标签及效果大全


HTML标签及效果大全

html基本标签





body的背景颜色为white 文本颜色为green 超链接颜色为black  已点击过的超链接颜色为red  点击中的超链接颜色为yellow

html标记大全参考手册
总类(所有html文件都有的)
 
文件类型: html(放在档案的开头与结尾)
文件主题: title  (必须放在「文头」区块内)
 
文头: head(描述性资料,像是「<主题」)
 
文体: body(文件本体)


******************结构性定义(由浏览器控制的显示风格) ******************


标题 (从1到6,有六层选择)

标题1

       

标题2

       

标题3

       

标题4

       
标题5
       
标题6
标题的对齐:align=left(左对齐)|center(右对齐)|right(居中对齐)
 
这是个层高度200px,宽度200px,背景色red

层的对齐方式有left:左对齐,right:右对齐,center:居中对齐,justify:两端对齐
 
引文区块
引文区块blockquote:之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间
请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。(通常会内缩)

强调标签em:em标签 (通常会以斜体显示)

 
特别强调标签strong: strong标签 (通常会以加粗显示)

 
引文标签cite: cite标签:通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题 (通常会以斜体显示)  

 
码标签code: code标签:用于表示计算机源代码或者其他机器可以阅读的文本内容 (显示原始码之用)

 
样本标签samp: 
标签表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符时,通常要用到这个标签。
标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签


 
键盘输入kbd:键入 quit 来退出程序,或者键入 menu 来返回主菜单。正如你已经猜到的,它用来表示文本是从键盘上键入的。
览器通常用等宽字体来显示该标签中包含的文本。


 
变数标签var: 这是个变量  

 
定义标签dfn: (有些浏览器不提供)

 
地址标签address:
这是地址标签,自动换行了


 
大字big: 字体加大  

 
小字small: 字体变细

 


 
******************与外观相关的标签(作者自订的表现方式) ******************




加粗标签b: 字体加粗  

 
斜体标签i: 字体为斜体

 
下划线标签u: 加了下划线的(尚有些浏览器不提供)  

 
贯穿线标签s: 贯穿线效果(尚有些浏览器不提供)  

 
下标标签sub: 我是下标  

 
上标标签sup: 我是上标  

 
打字机体标签tt: 打印机体,用    单   空格字型显示(无论字体间有多少个空格,都只显示一个)  

 
预定格式标签pre:
保     留 文件中空格的大小
 

 
预定格式的宽度:
以字元计算 
 

 
居中对齐标签center:
文字和图片都在浏览器中间显示


 
闪耀标签blink: 你会看见我像天上的星星一样,一闪一闪的。火狐浏览器支持,IE貌似不支持

 
字体大小标签:
1号字体
 
2号字体
 
3号字体
 
4号字体
 
5号字体
 
6号字体
 
7号字体

 
      电子邮箱标签address:
[email protected]


 
       
        这是个fieldset
        **************
        **************
            **************
       


 
****************** 连结与图形 ******************


 
超链接标签a: 点我去hao123

 
连结到锚点 (如果锚点在另一个档案) 
点我到最后的hehe (如果锚点目前的档案) 
连结到目的视框: 


 
图形标签img: 苹果

 
图形对齐方式: 苹果

 
取代文字 alt:如果没有办法显示图形则显示此文字  

  
点选图usemap(点击这张图片,跳到map名为mymap指定的地方): 
       

 
地图(描述地图)标签map:
       
         
       

 
        段落标(区域)签area:
        shape:圆形circ或circle,多边形poly或polygon, 矩形rect或rectangle
        coords:属性定义了客户端图像映射中对鼠标敏感的区域的坐标,格式为x1,y1,x2,y2,x3,y3
        img属性:border,width,height,hspace,vspace 以px为单位
       

 
        内嵌物件标签embed:ed可以用来插入各种媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等
       

        embed属性:
自动播放:autostart=true|false
循环播放语法:loop=正整数|true|false
面板显示:hidden=true|flase
开始时间(该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放):starttime=mm:ss(分:秒)
容器属性:height=# width=#
容器单位:units=pixels、en
外观设置:controls=console|smallconsole|playbutton|pausebutton|stopbutton|volumelever
console:一般正常面板;
smallconsole:较小的面板;
playbutton:只显示播放按钮;
pausebutton:只显示暂停按钮;
stopbutton:只显示停止按钮;
volumelever:只显示音量调节按钮。
对象名称:name=""  title=""
前景色和背景色(第一个值为前景色,第二个值为背景色,中间用 | 隔开):palette=color|color  
对齐方式:align=top|bottom|center|baseline|left|right|texttop|middle|absmiddle|absbottom  
   

***********************分隔******************************** 


段落标签p:

我是一个段楼,前后有空行的



换行标签br:
   
 
文字部份对齐方式(与图形合用时):


横线hr:


横线对齐方式属性:align="left|right|center"
横线厚度属性:size="?px"
横线宽度或比率宽度属性:width="?px|?%"  
实线(没有立体效果)
不可换行标签nobr:
**********************************
**********************************
**********************************
**********************************
 


***********************列举、列表******************************** 


无次序式列举:ul-li
  • **************
  • **************
  • **************
  • **************
  •  
    公布式列举:type="disc|circle|square"
     
  • type="disc"
  • type="circle"
  • type="square"

  • 有次序式列举ol=li
  • ****************
  • ****************
  • ****************
  •  
    数标型态TYPE=A|a|I|i|1
       
  • ******
  • ******
  • ******
  • ******
  • 起始数字 
       
  • ******
  • ******
  • ******
  • ******
  •  
    定义式列举,主要用于图文混排dl-dt-dd
    好漂亮啊
    表单式列举:menu-li 
  • *************
  • *************
  • *************
  • *************
  • 目录式列举:dir-li
  • *************
  • *************
  • *************
  • *************


  • *******************表单*******************


    定义表单form:如果有文档上传加属性enctype="multipart/form-data",文本框只读用属性readonly="readonly"

    普通文本框text:

    密码框password:

    单选框radio:男 女   name相同表示属于同一组,checked="checked"表示选中

    多项框checkbox:看书 打球 旅游 

    文件选择框:

            隐藏框hidden:被隐藏了

    日期选择框:

            颜色选择框:

            数量选择框:

    月份选择框:

            周次选择框:



    提交按钮submit:

    普通按钮button:

    重置按钮reset:

            下拉菜单select: (多选加属性 multiple) 选中用属性selected="selected"


            文本域textarea: 输入区换行方式 wrap="off|virtual|physical"


     
    *******************表格*******************
    表格属性:
    border:表格标签
    cellspacing:单元格与单元格之间的距离
    cellpadding:单元格内容与单元格之间的距离
    table tr td的对齐方式:
    水平:align="left|right|center"
    垂直:valign="top|middle|bottom"
    td不换行属性: nowrap="nowrap"
    背景色属性:bgcolor=""
    合并列:colspan="数量"
    合并行:rowspan="数量"

       
           
               
               
           
           
           
               
                   
               
            
               
                   
                   
               
               
                   
                   
               
               
                   
               
           
           
           
           
    XXXXXXXXXXXXXXXX
    XXXX
    XXXX XXXX
    XX XX
    合并两行 XX
    XX
    XXXXXXXXXXXXXXXXXXX
       

    *******************框架*******************


    ***************************

    ***************************

    ***************************

    ***************************

    ***************************

    ***************************

                    ***************************

    ***************************

    ***************************

                    ***************************

    ***************************

    ***************************

                    ***************************

    ***************************

    ***************************

            
          
           



    你可能感兴趣的:(HTML标签及效果大全)