仓酷云

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

[HTML5] 带来一篇HTML言语分析(4)

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:32:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。
排版标志

<!--注解-->;<P>;<BR>;<HR>;<CENTER>;<PRE>;<DIV>;<NOBR>;<WBR>;■<!--注解-->:▲Top像良多电脑言语一样,HTML文件亦供应注解功效。扫瞄器会疏忽此标志中的笔墨(能够是良多行)而不作显现,一样平常利用目标:

  • 为文中分歧部分加上申明,便利往后修正。
    这对较庞大或非公家网页特别主要,它不但是提示自已,亦提示你的同事这部分做甚么、那部分做甚么。
    例子:
    <!--由这处入手下手是产物订购表格-->
  • 用作版权声明。
    假设你不但愿他人利用或复制你的网页,可加上告诫字眼。
    例子:
    <!--本文版权为1998,CreationofWebpage所具有,未经许,请勿抄摘-->
■<P>:▲Top<P>称为段落标志。感化:为字、画、表格等之间留一空缺行。<P>原本<P>是一围堵标志,标于一段落的头尾,但从HTML2.0入手下手己不必要</P>作开头。<P><P>的经常使用参数:如:<palign="center">

  • align="center"
    可选值:right,left,center。
    内定值:align="left"
<P>例子:原始码Hereisthetextformyparagraph.Itdoestmatterhowlongitis,
howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.
ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.
<P>Heresthenextparagraph.显现了局Hereisthetextformyparagraph.Itdoestmatterhowlongitis,howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.Heresthenextparagraph.

■<BR>:▲Top<BR>称为换行标志。感化:令字、画、表格等显现于下一行。<P>因为扫瞄器会主动疏忽原始码中空缺和换行的部分,这令到<BR>成为最经常使用的标志之一。由于不管你在原始码中编好了多大度的文章,若不得当地加上换行标志或段落标志,扫瞄器只会将它显现成一年夜段。<P>毛病树模:(邮局可不会承受一行过的地点)原始码566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica了局566EBostonPostRDMamaroneckNY10543-9982UnitedStatesofAmerica准确例子:原始码566EBostonPostRD
<BR>MamaroneckNY10543-9982
<BR>UnitedStatesofAmerica了局566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica
■<HR>:▲Top<HR>称为程度线。感化:拔出一条程度线。<P><HR>之参数修正:
以:<HRalign="LEFT"size="2"width="70%"color="#0000FF"noshade>为例。
    <LItype=square>align="LEFT"
    设定线条置放地位,可选择:left;right;center三种设定值。
    <LItype=square>size="2"
    设定线条厚度,以像素作单元,内定为2。
    <LItype=square>width="70%"
    设定线条长度,能够是相对值(以像素作单元)或绝对值,内定为100%。
    <LItype=square>color="#0000FF"『只合用于IE』
    设定线条色彩,内定为玄色。#0000FF代表蓝色,亦能够接纳色彩的称号,即text="blue"。
  • noshade
    设定线条为立体显现,若删往则具暗影或平面,这是内定值。
例子:原始码<HR>
<HRalign="LEFT"size="4">
<HRalign="LEFT"size="2"width="70%"color="#0000FF"noshade>
<HRalign="LEFT"size="4"width="70"color="#008000">显现了局
■<CENTER>:▲Top<CENTER>称为居中标志。感化:令字、画、表格等显现于两头。<P>这标志本来是Netscape所界说,厥后别的扫瞄器都撑持它,但你会发明良多标志已有align="CENTER"的参数,<CENTER>仿佛多馀了,现实上它仍是经常使用的标志之一,其复杂易用,经常使用于笔墨上,关于己加有align="CENTER"参数的<TABLE>标志亦要诲人不倦地加上居中标志,因有狻多扫瞄器不撑持<TABLE>标志中的align="CENTER"参数。例子:原始码<CENTER>ChrissFirstHomepage</CENTER>
<CENTER>Whatsnew</CENTER>
<CENTER>Myprofile</CENTER>了局ChrissFirstHomepageWhatsnewMyprofile
■<PRE>:▲Top<PRE>称为预设格局标志。感化:令文件依照原始码的分列体例显现。<P>这标志同意保存你于原始码中输出的空缺及Return。细看以下例子你即可体味到此标志的能力。除使用一年夜堆表格标志以外你只要接纳这标志才干有此效果。<P>能以<PRE>标志发生对 效果,或发生多于一行的空缺才算上乘!例子:原始码
  1.         <pre>        CreationofWebpageLogAnalysisI        ComposerLearning459407480522547586673        HTMLAdvanced200268296358385453506</pre>
复制代码
显现了局
  1. CreationofWebpageLogAnalysisIComposerLearning459407480522547586673        HTMLAdvanced200268296358385453506
复制代码
■<DIV>:▲Top<DIV>称为区隔标志。感化:设定字、画、表格等的摆放地位。<P><DIV>使用于StyleSheet(式样表)方面会更显能力,它终极目标是给计划者另外一种构造才能,有Class;Style;title;ID等属性,将会于【StyleSheet】一节才作胪陈,这处只先容一个属性设定。
以<DIValign="center">为例:

  • align="center"
    可选值:center;left;right。决意字、画、表格等居中、靠左或靠右。
    <DIValign="center">的感化和居中标志<CENTER>一样,前者是由HTML3.0入手下手的尺度,后者是通用己久的标示法。
例子:原始码<DIValign="center">ChrissFirstHomepage
<br>Whatsnew
<br>Myprofile</DIV>了局ChrissFirstHomepage
Whatsnew
Myprofile
■<NOBR>:▲Top<NOBR>称为不折行标志。感化:令某些笔墨不因太长而绕行,一 显现于统一行或下一行。它对住址、数学算式、一行数字、程式码等尤其有效。例子:(个中ChrissCreationofWebpage将不被分隔而显现于统一行。)码Ifyouwanttoknowhowtocreateyouownhomepagequickly,dontmiss<NOBR>ChrissCreationofWebpage</NOBR>whichwillhelpyoualot.了局Ifyouwanttoknowhowtocreateyouownhomepagequickly,dontmissChrissCreationofWebpagewhichwillhelpyoualot.
■<WBR>:▲Top<WBR>称为倡议折行标志。感化:预设折行部位。
它没有侵占到<BR>的义务,只是作倡议罢了,若不雅者的体系解像度够高的话,那末它是不会折行的。例子:(若不加<WBR>标志,全部网址会显现于下一行。)原始码Pleasevisitmyotherhomepagewhichlocateathttp://www.geocities.com/SiliconValley/<WBR>Sector/8234/index.htmlTherearemanysoftwaresfordownload.Ithinkyouwillreallylovethatplace.了局Pleasevisitmyotherhomepagewhichlocateathttp://www.geocities.com/SiliconValley/Sector/8234/index.htmlTherearemanysoftwaresfordownload.Ithinkyouwillreallylovethatplace.

[

通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-17 23:11:49 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
柔情似水 该用户已被删除
板凳
发表于 2015-1-26 07:42:07 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
不帅 该用户已被删除
地板
发表于 2015-2-4 16:33:40 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-10 04:22:35 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
分手快乐 该用户已被删除
6#
发表于 2015-2-28 19:48:01 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-10 07:52:25 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小女巫 该用户已被删除
8#
 楼主| 发表于 2015-3-17 06:12:21 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
冷月葬花魂 该用户已被删除
9#
发表于 2015-3-24 01:04:55 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 13:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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