一,img标签
1,什么是img标签?
img其实就是image的缩写,所以这个标签的作用是,告诉浏览器要显示一张图片。
2,img标签的书写格式
书写格式:<img src=" ">
其中,src是source的缩写,用来告诉img标签,所要显示的图片的名称。
3,注意点
1)和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行
2)如果我们手动指定了img标签显示的图片的宽度和高度,有可能会导致图片变形,那么如果又想指定宽度和高度,又不想让图片变形.我们可以只指定宽度和高度其中的一个值即可
3)只要指定了高度,系统会自动根据高度计算出宽度,只要指定了宽度,系统会自动根据宽度计算出高度,并且都是等比拉伸的,也就是说不会变形
4,img标签的其他属性
width:宽度
height:高度
作用:在img标签中width/height这两个属性的作用,就是用来告诉img标签将来需要显示的图片有多宽有多高,如果不指定图片宽高,那么浏览器就会按照系统默认的值来确定。
title:当鼠标悬停在图片上时,弹出框需要显示什么内容。
alt:是英文alternate的缩写,它的作用就是用于告诉浏览器,当需要显示的图片找不到时显示什么内容。
二,Br标签
1,如何在HTML中换行?
可以使用br标签
2,书写格式
格式:<br>
3,注意点
1)多个br标签可以连续使用,使用了多少个br标签就会换多少行
2)由于HTML的作用就是用来给文本添加语义,而br标签的语义是不另起一个段落换行,而在企业开发中一般情况下需要换行都是因为需要另起一个段落,所以在企业开发中很少使用br标签
三,A标签
1,什么是A标签?
a标签的作用:就是用于控制页面与页面之间跳转的
2,格式:<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>
3,标签中有一个叫做target属性,这个属性的作用就是专门用于控制如何跳转
1)_self:用于在当前选项卡中跳转,也就是不新建界面跳转.默认就是_self
2)_blank:用于在新的选项卡中跳转,也就是新建界面跳转
另外,a标签中还有一个属性,叫做title. a标签中的title和img标签中的title一样,都是用来控制鼠标悬停
时显示的提示文本的。
4,注意点
1)a标签不仅可以让文字可以点击,还可以让图片也能够被点击
2)一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方
3)如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http://或https://
4)a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址
四,BASE标签
base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开。
注意点:
1.base标签必须写在head标签的开始标签和结束标签之间
2.如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行
五,其他常用HTML标签
1,H系列标签
1)作用:用来书写文章标题的。
2)书写形式
格式:<h1>标题</h1>(双标签)
3)常见的H标签还有h2 h3 h4 h5 h6,从h1~h6,字体越来越小,最多到h6。没有H7。
2,P标签
1)作用:书写段落
2)格式:<p>内容</p>(双标签)
3,hr标签
1)作用:用来在网页中插入一条横线。
2)格式:<hr>(单标签)