二,常见HTML标签

一,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>(单标签)










最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • img标签: img标签中的img其实是英文image的缩写,所以img标签的作用, 就是告诉浏览器我们需要显示一...
    佩佩216阅读 1,526评论 0 2
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 2,060评论 1 8
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • 1、有时候要学会倾听自己内心的声音。—— 心声。 做自己真正想做的事情,自己自己认定是对的事情。关键,在于,坚持...
    心田思阅读 124评论 0 0