首先关于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标签