700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > HTML5初步标签学习1——H标签 P标签 Hr标签 img标签 br标签 a标签 base标签

HTML5初步标签学习1——H标签 P标签 Hr标签 img标签 br标签 a标签 base标签

时间:2020-02-18 23:48:59

相关推荐

HTML5初步标签学习1——H标签 P标签 Hr标签 img标签 br标签 a标签 base标签

首先关于html5的学习,采用的是webstorm软件,所有的h5标签不是用来改变文本样式的,而是用来添加语义的,改变样式是由css来实现的。

标签学习:

1.H标签:给文本添加标题语义,并非修改文本样式

格式:<h1>我的第一个html程序<h1>

注意点:

* h标签一共有6个,h1到h6,超过无效

* 被h标签包裹的内容会独占一行

* 在h系列的标签中,h1的字最大,h6最小

* 在企业开发中,一般情况下,一个界面只能出现一个h1标签(与SEO有关,初步未做多的了解)

2.P标签:包裹一个段落

格式:<p> 世上本无事,庸人自扰之!说的就是这个道理。简单的人认真做事,单纯待人。待人处事先从好的地方着想,有了这个前提,心态自然就变好,事情的发展也会向着好的方向进行。反之,你的人生会过的很坎坷,因为时时处处都有你不喜欢的东西在等着你。</p>

注意点:

* 在浏览器中会独占一行

* 不会首行缩进,应该用css

3.Hr标签:在浏览器中显示一条分割线

格式:<hr>

注意点:

* <hr>与<hr/>的区别:<hr/>为xhtml的使用方法,xhtml中标签必须被正确的关闭,html5写成<hr>

* 在浏览器中独占一行

4.img标签:显示图片

格式:<img src="">

注意点:

* img标签不会独占一行

属性:

* width: height: 指定图片的宽高,当在浏览器中显示图片时,可以只指定width或者height,浏览器会自动给出另外一个,保持图片比例不变

* title:告诉浏览器当鼠标悬停在图片上时,需要弹出的描述框中显示的内容

* alt : 当需要的图片找不到时,在浏览器中显示的内容

5.br标签:换行

注意点:

* 多个br标签可以连续使用,换多行,但是br换行是指一段还没有结束,就进行换行,如:高级搜索显示为两行

* 由于html的作用是给文本添加语义,而br标签的语义不是另起一个段落换行,而在企业开发中一般情况下需要换行都是因为另起一个段落,所以企 业开发中很少使用br标签

* 可以由p标签代替

6.a标签:控制页面与页面之间的跳转

格式:<a href="指定需要跳转的目标界面">需要展现给用户的内容</a>

属性:

* href属性:指定url地址,必须指定https://或者http://

* target属性:用于控制如何跳转

_self:用于在当前选项卡中跳转,也就是不新建界面跳转,默认就是_self

_blank:用于在新的选项卡中跳转,也就是新建页面跳转

* title属性:用来控制鼠标悬停时显示的提示文本

注意点:

* 不单独占一行

* 可以让文字和图片被点击

* 一个a标签必须要有一个href属性,否则不知道跳转到哪里

7.base标签:用来指定当前网页中所有的a标签如何打开

注意点:

* base标签必须写在header标签的开始和结束之间

* 如果已经在base标签中指定了target标签,又在a标签中指定target标签,则显示a标签中的target标签

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。