分享

【聊代码】第六集:细说标签|老小孩博文

 亨利永贞 2018-06-03

聊代码(第六集)细说标签

 

       在上集里提到了标签,既然提到了就干脆说细一点吧。是不是标签,极易辨认,因为它的明显特征就是有尖角括号。在尖角括号里包含着内容,按照包含内容的不同情况可以把标签分为两类,一类是有名称,有属性,有属值的。它的名称仅仅是名称而已,其本身对网页中的任何内容都不具有限制力,但在这一名称下,有可变,可调整的属性和属值。所以,它必须有属性,属值,这样才使标签具有实际意义。
     下面举几个标签例子。
     例(一)<span style="font-family:宋体;font-size:25px;color:blue">
     例(二)<font style="font-family:宋体;font-size:25px;color:rgb(0,255,0">
     例(三)<font face="黑体" size="5"color="#ff0000">
     例(四)<IMG src="http://image58.360doc.com/DownloadImg/2013/01/2515/29834659_8.jpg" width=450 height=673>

       前三个标签是文字标签,标签中的第一个代码“span”或“font”是标签名称,即“文字标签”。前两个标签中的第二个代码“style”表示“css样式”,它把文字的三个基本属性归在一起,属性与属值用冒号连接,我们可以把“style”视为属性。例(三)中的第二个代码“face”,第三个代码“size”,第四个代码“color”是分别代表文字字体、字号、字色的属性的,在它们的后面都有各自的属值。(顺便说一下,在这三个例子里展示了三种不同表示方法的颜色代码,依次是“英文颜色代码”、“十进制颜色代码”和“十六进制颜色代码”,后面还会细谈)。例(四)是图片标签,标签中的第一个代码“img”是标签名称,即“图片标签”。第二个代码“src”表示路径,或说图片地址。后面的“width”和“height”分别是图片的宽和高。
     在标签中,我们一定要注意,标签名称和后面的属性要以空格分开,在属性内容里,不同的属性也要用空格分开,有的则使用分号。总之,没有空格,没有分号,把不该连在一起的字母连在了一起或把该连在一起的字母断开,那毫无疑问就是错码了。
     还有一类标签就很简单了,它们只有标签名称,没有属性,在名称后面什么也没有。例如:
     例(一)<i>
     例(二)<br />

       例(一)是“斜体标签”,例(二)是“换行标签”。它们能使文字斜体和使文字换行,可见,它们不是单纯的名称,其本身对文字就具有操控功能,确切地说,它们是名称属性合一。
     我们上面说的标签还算不上标签语言,因为不完整,不全面。准确地说,我们讨论的是“首标签”,我们主要阐述了它的结构,它的组成及其作用。只有添加了内容,添加上“尾标签”,才是完整的,以“文字标签”为例,在“首标签”的后面要有文字,文字的后面要有“尾标签”,这才是完整的标签(见下面的“文字标签”)

<font style="font-family:宋体;font-size:25px;color:rgb(0,255,0">完整的文字标签</font>

       我们可以把“首标签”看作是“指挥中心”,它是制定方案,发出指令的地方。例如:规定文字的字体、字色、字号;规定移动文字或移动图片的移动方向,移动速度,移动范围等。它操控着内容。有人把内容比喻成汉语中的谓语和宾语,把“首标签”比喻成汉语中的主语和定语,我觉得很恰当。“尾标签”与“首标签”是对应的,绝大部分标签都是“首尾”成对,极个别的除外。例如:换行标签就是独个的,它很特别,说它是“尾标签”,它却与别的“尾标签”明显不一样,它有斜杠,但在代码之后(见上面的例(二):换行标签)。“尾标签”不含内容,它只是在名称代码前加一个斜杠。“尾标签”起封闭作用,把要表现的内容置于“首标签”和“尾标签”之间。“尾标签”在有了“首标签”之后,计算机会自动生成。

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多