仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 802|回复: 7
打印 上一主题 下一主题

[HTML5] 来看看:HTML语法效果

[复制链接]
活着的死人 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:30:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!一.基础语句:
1.发各类字体的字:
  黑体字  :   <fontface="黑体">黑体字</font>
  宋体字  :   <fontface="宋体">宋体字</font>
  仿宋字  :   <fontface="仿宋_GB2312">仿宋字</font>
  楷体字  :   <fontface="楷体_GB2312">楷体字</font>
  隶书字  :   <fontface="隶书">隶书字</font>
  幼圆字  :   <fontface="幼圆">幼圆字</font>

  倒黑体字  :   <fontface="@黑体">倒黑体字</font>
  倒宋体字  :   <fontface="@宋体">倒宋体字</font>
  倒仿宋字  :   <fontface="@仿宋_GB2312">倒仿宋字</font>
  倒楷体字  :   <fontface="@楷体_GB2312">倒楷体字</font>
  倒隶书字  :   <fontface="@隶书">倒隶书字</font>
  倒幼圆字  :   <fontface="@幼圆">倒幼圆字</font>
    



2.发各类字号的巨细字:

  (1)发小字:
  小字  :   <small>小字</small>
  小字   :   <small><small>小字</small></small>
    



  (2)发年夜字:
  年夜字    :   <big>年夜字</big>
  年夜字   :   <big><big>年夜字</big></big>
  年夜字  :   <big><big><big>年夜字</big></big></big>
  年夜字:   <big><big><big><big>年夜字</big></big></big></big>
    



  (3)发各类字号的巨细字:
-1号字 :<h-1>负一号字</h-1>○号字 :<h0>○号字</h0>一号字:

<h1>一号字</h1>二号字:

<h2>二号字</h2>三号字:

<h3>三号字</h3>四号字:

<h4>四号字</h4>五号字:

<h5>五号字</h5>六号字:

<h6>六号字</h6>七号字:<h7>七号字</h7>    



  (4)发各类字号的巨细字:
  负三号字  :      <fontsize=-4>负四号字</font>
  负三号字  :      <fontsize=-3>负三号字</font>
  负三号字  :      <fontsize=-2>负二号字</font>
  负一号字 :      <fontsize=-1>负一号字</font>
  ○号字  :      <fontsize=0>○号字</font>
  一号字  :      <fontsize=1>一号字</font>
  二号字  :      <fontsize=2>二号字</font>
  三号字 :      <fontsize=3>三号字</font>
  四号字 :      <fontsize=4>四号字</font>
  五号字:      <fontsize=5>五号字</font>
  六号字:    <fontsize=6>六号字</font>
  七号字: <fontsize=7>七号字</font>
    



  (5)发各类字号的巨细字:
    0pt字    <fontstyle=font:0pt>0pt字</font>
    1pt字    <fontstyle=font:1pt>1pt字</font>
    2pt字    <fontstyle=font:2pt>2pt字</font>
    3pt字    <fontstyle=font:3pt>3pt字</font>
    4pt字    <fontstyle=font:4pt>4pt字</font>
    5pt字    <fontstyle=font:5pt>5pt字</font>
    6pt字    <fontstyle=font:6pt>6pt字</font>
    7pt字    <fontstyle=font:7pt>7pt字</font>
    8pt字    <fontstyle=font:8pt>8pt字</font>
    9pt字    <fontstyle=font:9pt>9pt字</font>
    10pt字    <fontstyle=font:10pt>10pt字</font>
    20pt字    <fontstyle=font:20pt>20pt字</font>
    30pt字    <fontstyle=font:30pt>30pt字</font>
    40pt字    <fontstyle=font:40pt>40pt字</font>
    50pt字    <fontstyle=font:50pt>50pt字</font>
    60pt字    <fontstyle=font:60pt>60pt字</font>
    70pt字    <fontstyle=font:70pt>70pt字</font>
    80pt字    <fontstyle=font:80pt>80pt字</font>
    90pt字    <fontstyle=font:90pt>90pt字</font>
    <fontstyle=font:100pt>100pt字</font>
    <fontstyle=font:200pt>200pt字</font>
    <fontstyle=font:300pt>300pt字</font>
    <fontstyle=font:400pt>400pt字</font>
    <fontstyle=font:500pt>500pt字</font>
    



3.笔墨润色:
    粗体字 :   <b>粗体字</b>
    斜体字 :   <i>斜体字</i>
    粗斜体字:  <b><i>粗斜体字</i></b>
    下划线 :   <u>下划线</u>
    <STRIKE>删除线</STRIKE> :   <STRIKE>删除线</STRIKE>
    上标上标:   上标<Sup>上标</Sup>
    下标下标:   下标<Sub>下标</Sub>
    



4.笔墨色彩:
   
  例:
  白色字:   <fontcolor=#ff0000>白色字</font>
  白色字:   <fontcolor=red>白色字</font>
    



5.色彩:
白色:   
兰色:   
绿色:   
黄色:   
玄色:   
红色:   

白色:   
白色:   
绿色:   
绿色:   
紫色:   
玄色:   
红色:   

    



    相对玄色:   
    深蓝忧伤:   
    草原之蓝:   
    橄榄树绿:   
    灰蓝种族:   
    陆地之蓝:   
    绿色回想:   
    蓝色月光:   
    夜幕高扬:   
    灰色轨迹:   
    春草青青:   
    暗夜镇静:   
    发亮蓝紫:   
    卡其礼服:   
    伦敦灰雾:   
    兴份过蓝:   
    紫的拘束:   
    流金光阴:   
    卡布其诺:   
    正宗喜红:   
    爱的表示:   
    红的发紫:   
    黄金光阴:   
    红袍飘飘:   
    紫金绣帖:   
    焚心似火:   
    红粉才子:   
    我不晓得:   
    



6.排版:
<left>居左排版</left>


<palign="left">居左排版</p>

<divalign=left>居左排版</div>



<center>居中排版</center>

<palign="center">居中排版</p>

<divalign=center>居中排版</div>



<palign="right">居右排版</p>

<divalign=right>居右排版</div>

    



7.色带:
  语句为:<marqueebgcolor=色彩></marquee>   色彩按一.5.选择。
  例:
  <marqueebgcolor=#ff0000></marquee>

    



8.发挪动字:
  (1)向左挪动字:
  <marquee>向左挪动字</marquee>
向左挪动字

  (2)发向右挪动字:
  <marqueedirection=right>向右挪动字</marquee>
向右挪动字

  (3)发往返挪动字:
  <marqueebehavior=alternate>向左往返挪动字</marquee>
  <marqueedirection=rightbehavior=alternate>向右往返挪动字</marquee>
向左往返挪动字
向右往返挪动字

    



  (4)发向上挪动字:
  <marqueedirection=up>    向上挪动字</marquee>
  ------------------------------------------------------------------      向上挪动字
  ------------------------------------------------------------------

    



  (5)发向下挪动字:
  <marqueedirection=down>    向下挪动字</marquee>
  ------------------------------------------------------------------      向下挪动字
  ------------------------------------------------------------------

    



  (6)发限高向上、向下挪动字:
  <marqueeheight=50direction=down>    限高向下挪动字</marquee>
  <marqueeheight=50direction=up>    限高向上挪动字</marquee>
  ------------------------------------------------------------------      限高向下挪动字
  ------------------------------------------------------------------      限高向上挪动字
  ------------------------------------------------------------------

    



  (7)发限高高低往返挪动字:
  <marqueeheight=50direction=downbehavior=alternate>    限高高低往返挪动字</marquee>
  <marqueeheight=50direction=upbehavior=alternate>    限高高低往返挪动字</marquee>
  ------------------------------------------------------------------      限高高低往返挪动字
  ------------------------------------------------------------------      限高高低往返挪动字
  ------------------------------------------------------------------
    



  (8)控速挪动字:
  <marqueescrollamount=N>控速挪动字</marquee>
      控速挪动字的速率把持值N的取值: 1.N<0与N=6速率不异; 2.N≠0; N>0的恣意值。
控速挪动字N=-9
控速挪动字N=-1
控速挪动字N=1
控速挪动字N=2
控速挪动字N=3
控速挪动字N=4
控速挪动字N=5
控速挪动字N=6
控速挪动字N=7
8>控速挪动字N=8
控速挪动字N=9
    



  <marqueescrollamount=-9>控速挪动字N=-9</marquee>
  <marqueescrollamount=-1>控速挪动字N=-1</marquee>

  <marqueescrollamount=1>控速挪动字N=1</marquee>
  <marqueescrollamount=2>控速挪动字N=2</marquee>
  <marqueescrollamount=3>控速挪动字N=3</marquee>
  <marqueescrollamount=4>控速挪动字N=4</marquee>
  <marqueescrollamount=5>控速挪动字N=5</marquee>
  <marqueescrollamount=6>控速挪动字N=6</marquee>
  <marqueescrollamount=7>控速挪动字N=7</marquee>
  <marqueescrollamount=8>控速挪动字N=8</marquee>
  <marqueescrollamount=9>控速挪动字N=9</marquee>

    



  <marqueescrollamount=10>控速挪动字N=10</marquee>
  <marqueescrollamount=20>控速挪动字N=20</marquee>
  <marqueescrollamount=30>控速挪动字N=30</marquee>
  <marqueescrollamount=40>控速挪动字N=40</marquee>
  <marqueescrollamount=50>控速挪动字N=50</marquee>
  <marqueescrollamount=60>控速挪动字N=60</marquee>
  <marqueescrollamount=70>控速挪动字N=70</marquee>
  <marqueescrollamount=80>控速挪动字N=80</marquee>
  <marqueescrollamount=90>控速挪动字N=90</marquee>

  <marqueescrollamount=100>控速挪动字N=100</marquee>
  <marqueescrollamount=200>控速挪动字N=200</marquee>
  <marqueescrollamount=300>控速挪动字N=300</marquee>

    



  (9)发限高控速向上、向下挪动字:
  <marqueeheight=50direction=downscrollamount=1>    限高控速向下挪动字</marquee>
  <marqueeheight=50direction=upscrollamount=2>    限高控速向上挪动字</marquee>
  ------------------------------------------------------------------      限高控速向下挪动字
  ------------------------------------------------------------------      限高控速向上挪动字
  ------------------------------------------------------------------

    



  (10)摆布跳动挪动字:
  <marqueescrolldelay=工夫距离>摆布跳动挪动字</marquee>
  <marqueescrolldelay=500>向左跳动挪动字</marquee>
  <marqueedirection=rightscrolldelay=500>向右跳动挪动字</marquee>
向左跳动挪动字向右跳动挪动字

    



  (11)发向上跳动挪动字:
  <marqueeheight=100direction=upscrolldelay=1000>    向上跳动挪动字</marquee>
  <marqueeheight=100direction=downscrolldelay=1000>    向下跳动挪动字</marquee>
  ------------------------------------------------------------------      向上跳动挪动字
  ------------------------------------------------------------------      向下跳动挪动字
  ------------------------------------------------------------------

    



9.发图片:
      注重,图片必需是收集上的图片。
  语句:  
  例:   </font></em></th></tr></table></marquee>
    
    



    (2)发先高低摆布游动10次、后摆布摆动粗体字及图片
    <marqueeheight=140behavior=alternateloop=10direction=up><marqueebehavior=alternate><b><fontcolor=BLACK>摇呀摇,摇到外婆桥!</marquee></marquee>

    



    (4)向左挪动图片笔墨:
    <marquee><br><b><fontsize=5color=#3366CC>中心电视台!</font></b></div>


中心电视台!



通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。
柔情似水 该用户已被删除
沙发
发表于 2015-1-17 22:58:58 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
海妖 该用户已被删除
板凳
发表于 2015-1-25 09:18:59 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
再现理想 该用户已被删除
地板
发表于 2015-2-2 21:47:19 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
金色的骷髅 该用户已被删除
5#
发表于 2015-2-8 07:45:42 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
山那边是海 该用户已被删除
6#
发表于 2015-2-25 02:01:42 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
admin 该用户已被删除
7#
发表于 2015-3-15 09:30:16 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小妖女 该用户已被删除
8#
发表于 2015-3-22 01:07:01 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表