html语⾔中的双标记,02HTML标签和语法1.HTML标签
所谓的标签就是HTML语⾔的发明者⼈为定义好的⼀些“单词”,相当于学英语时候的单词⼀样
(1)设计者⼈为的将HTML标签划分为单标签和双标签
双标签 标签名称> (在英⽂输⼊法下输⼊)
单标签
(2)常见的标签
标题标签:在HTML中⼈为的定义了6个标题标签,分别是h1~h6,他们都是双标签,在⼀个⽹页中,只允许出现⼀个h1
但是还是可以显⽰出来,所以为了后期维护,最好每页只写⼀个h1,或者不写也可以
段落标签 :双标签
换⾏标签:单标签
所以⼿动换⾏是没有作⽤的,有专⽤的换⾏标签
空格: ;
HTML中空格与 的区别
注意:在HTML中允许多个标签嵌套使⽤但是不允许交叉嵌套
在Hbuilder中插⼊注释 Ctrl+?
图⽚标签:单标签
img 单标签
这个标签的作⽤就是在⽹页中显⽰图⽚,图⽚与HTML都是独⽴的⽂件,我们想要在⽹页中显⽰图⽚,此时就需要借助img标签将⽹页外部的图⽚想办法拿到⽹页上进⾏展⽰
在这个语法当中我们可以发现与p标签相⽐较,img标签的⾝上多了⼀些东西,这些东西,我们称之为标
签属性
src 它⾥⾯写的就是⼀个地址,这个地址就是图⽚所在地
html href属性img是标签名 src是标签属性
注意:
标签属性与标签名之间⽤空格隔开
标签属性由名字和值两部分组成,属性名和属性值之间⽤单引号进⾏连接
属性值需要放在引号⾥⾯,单引号或者双引号都⽆所谓(如果属性值是数字,那么可以省略引号)
注意:
img是⼀个单标签,它的作⽤是在⽹页当中插⼊图⽚
src是img标签的属性,它⾥⾯的值称之为属性值,具体表⽰想要加载的图⽚保存在哪⾥
标签的⾝上可以有属性,属性名与标签名之间⽤空格隔开
属性值与属性名之间⽤“ = ”进⾏连接
⼀个标签⾝上可以有多个属性,之间都⽤空格隔开
图⽚的常见属性
src设置图⽚所在位置
alt 当图⽚加载失败的时候会显⽰它⾥⾯的⽂字
width height 分别⽤来设置图⽚的宽和⾼,如果只设置了宽度和⾼度,那么另外⼀边会⾃动缩放title 当⿏标悬停在图⽚上的时候会显⽰它⾥⾯的⽂字
链接标签
内容 可以实现在当前页⾯向新页⾯进⾏跳转的操作
属性
target这个属性可以设置新页⾯在哪个窗⼝打开,当值为_black的时候可以在新窗⼝打开
href的属性值设置为#的时候,可以设置为空连接,它的作⽤就是当⽤户点击链接的时候不会发⽣跳转
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论