金色的骷髅 发表于 2015-1-15 23:30:44

html5教程之HTML言语分析(四) 排版标志

每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点…… <!--注解-->;<P>;<BR>;<HR>;<CENTER>;<PRE>;<DIV>;<NOBR>;<WBR>;  ■<!--注解-->:
  像良多电脑言语一样,HTML文件亦供应注解功效。扫瞄器会疏忽此标志中的笔墨(能够是良多行)而不作显现,一样平常利用目标:  <P>称为段落标志。感化:为字、画、表格等之间留一空缺行。
  原本<P>是一围堵标志,标于一段落的头尾,但从HTML2.0入手下手己不必要</P>作开头。
  例子:原始码Hereisthetextformyparagraph.Itdoestmatterhowlongitis,
howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.
ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.
<P>Heresthenextparagraph.显现了局Hereisthetextformyparagraph.Itdoestmatterhowlongitis,howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.
Heresthenextparagraph.

  ■<BR>:
  <BR>称为换行标志。感化:令字、画、表格等显现于下一行。
  因为扫瞄器会主动疏忽原始码中空缺和换行的部分,这令到<BR>成为最经常使用的标志之一。由于不管你在原始码中编好了多大度的文章,若不得当地加上换行标志或段落标志,扫瞄器只会将它显现成一年夜段。
  毛病树模:(邮局可不会承受一行过的地点)
原始码566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica了局566EBostonPostRDMamaroneckNY10543-9982UnitedStatesofAmerica
  准确例子:
原始码566EBostonPostRD
<BR>MamaroneckNY10543-9982
<BR>UnitedStatesofAmerica了局566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica

  为文中分歧部分加上申明,便利往后修正。
  这对较庞大或非公家网页特别主要,它不但是提示自已,亦提示你的同事这部分做甚么、那部分做甚么。
  例子:
  <!--由这处入手下手是产物订购表格-->
  用作版权声明。
  假设你不但愿他人利用或复制你的网页,可加上告诫字眼。
  例子:
  <!--本文版权为1998,CreationofWebpage所具有,未经许,请勿抄摘-->
  ■<P>:
  <P>的经常使用参数:如:<palign="center">
  align="center"
  可选值:right,left,center。
  内定值:align="left"

  ■<HR>:
  <HR>称为程度线。感化:拔出一条程度线。
  <HR>之参数修正:
  以:<HRalign="LEFT"size="2"width="70%"color="#0000FF"noshade>为例。
  align="LEFT"
  设定线条置放地位,可选择:left;right;center三种设定值。
  size="2"
  设定线条厚度,以像素作单元,内定为2。
  width="70%"
  设定线条长度,能够是相对值(以像素作单元)或绝对值,内定为100%。
  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>:

  <CENTER>称为居中标志。感化:令字、画、表格等显现于两头。
  这标志本来是Netscape所界说,厥后别的扫瞄器都撑持它,但你会发明良多标志已有align="CENTER"的参数,<CENTER>仿佛多馀了,现实上它仍是经常使用的标志之一,其复杂易用,经常使用于笔墨上,关于己加有align="CENTER"参数的<TABLE>标志亦要诲人不倦地加上居中标志,因有狻多扫瞄器不撑持<TABLE>标志中的align="CENTER"参数。
  例子:
原始码<CENTER>ChrissFirstHomepage</CENTER>
<CENTER>Whatsnew</CENTER>
<CENTER>Myprofile</CENTER>了局ChrissFirstHomepageWhatsnew
  ■<PRE>:

  <PRE>称为预设格局标志。感化:令文件依照原始码的分列体例显现。
这标志同意保存你于原始码中输出的空缺及Return。细看以下例子你即可体味到此标志的能力。除使用一年夜堆表格标志以外你只要接纳这标志才干有此效果。
  能以<PRE>标志发生对 效果,或发生多于一行的空缺才算上乘!
  例子:
原始码        <pre>        CreationofWebpageLogAnalysisIComposerLearning459407480522547586673HTMLAdvanced200268296358385453506</pre>显现了局CreationofWebpageLogAnalysisIComposerLearning459407480522547586673HTMLAdvanced200268296358385453506

 ■<DIV>:

  <DIV>称为区隔标志。感化:设定字、画、表格等的摆放地位。
<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>:
  <NOBR>称为不折行标志。感化:令某些笔墨不因太长而绕行,一 显现于统一行或下一行。它对住址、数学算式、一行数字、程式码等尤其有效。
  例子:(个中ChrissCreationofWebpage将不被分隔而显现于统一行。)
码Ifyouwanttoknowhowtocreateyouownhomepagequickly,dontmiss<NOBR>ChrissCreationofWebpage</NOBR>whichwillhelpyoualot.了局Ifyouwanttoknowhowtocreateyouownhomepagequickly,dontmissChrissCreationofWebpagewhichwillhelpyoualot.
  ■<WBR>:

  <WBR>称为倡议折行标志。感化:预设折行部位。
  它没有侵占到<BR>的义务,只是作倡议罢了,若不雅者的体系解像度够高的话,那末它是不会折行的。
  例子:(若不加<WBR>标志,全部网址会显现于下一行。)
原始码Pleasevisitmyotherhomepagewhichlocateathttp://www.geocities.com/SiliconValley/<WBR>Sector/8234/index.htmlTherearemanysoftwaresfordownload.Ithinkyouwillreallylovethatplace.了局Pleasevisitmyotherhomepagewhichlocateathttp://www.geocities.com/SiliconValley/Sector/8234/index.htmlTherearemanysoftwaresfordownload.Ithinkyouwillreallylovethatplace.
</p>
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。

乐观 发表于 2015-1-17 22:59:12

滚动条)层属性--溢出(visible/hidden/scroll/auto)

柔情似水 发表于 2015-1-24 15:59:20

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

若天明 发表于 2015-2-2 10:52:48

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

谁可相欹 发表于 2015-2-7 18:43:34

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

莫相离 发表于 2015-2-23 02:10:04

学Dreamweaver技术的过程其实是一个增加信心的过程。

老尸 发表于 2015-3-7 07:19:48

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

精灵巫婆 发表于 2015-3-14 18:04:27

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

小妖女 发表于 2015-3-21 14:36:56

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
页: [1]
查看完整版本: html5教程之HTML言语分析(四) 排版标志