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

时间:2021-02-15 23:14:21
首先关于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标签