深入解析:HTML基础标签应用与技巧

更新:11-23 现代故事 我要投稿 纠错 投诉

2.img标签的书写格式

书写格式:

其中,src是source的缩写,用于告诉img标签要显示的图像的名称。

3、注意

1)与H系列标签/p标签和Hr标签不同,img标签不会占据自己的一行。

2)如果我们手动指定img标签中显示的图像的宽度和高度,可能会导致图像变形。如果我们想指定宽度和高度,但又不想让图像变形,那么可以只指定宽度和高度值之一。就是这样

3)只要指定了高度,系统就会根据高度自动计算宽度。只要指定了宽度,系统就会根据宽度自动计算出高度,而且它们都是按比例拉伸的,也就是说不会变形。

4.img标签的其他属性

宽度:宽度

身高: 身高

作用:img标签中的width/height属性的作用是告诉img标签以后需要显示的图像多宽多高。如果没有指定图片的宽度和高度,浏览器将按照系统默认值来确定。

title:当鼠标悬停在图片上时,弹出框中需要显示什么内容。

alt:是英文alternate的缩写。它的作用是当找不到要显示的图像时告诉浏览器显示什么内容。

二,Br标签

1. HTML中如何换行?

您可以使用br 标签

2、写作格式

格式:

3、注意

1)多个br标签可以连续使用。使用多少个br 标签将会改变行数。

2)由于HTML的作用是给文本添加语义,而br标签的语义并不是另起一段并换行,而在企业开发中,需要换行一般是因为需要开始一个新的段落,所以在企业开发中很少使用br 标签

三,A标签

1.什么是A标签?

标签的作用是控制页面之间的跳转。

2、格式:需要向用户展示的内容

3.标签中有一个属性叫target。该属性的目的是控制如何跳跃。

1)_self:用于在当前选项卡中跳转,即不新建界面跳转。默认为_self

2)_blank:用于跳转新标签页,即跳转到新界面

另外,a标签中有一个属性,叫做title。 a标签中的标题与img标签中的标题相同,都是用来控制鼠标悬停的。

当时显示的提示文字。

4.注意

1)a标签不仅使文本可点击,还使图片可点击。

2)a标签必须有href属性,否则a标签不知道跳转到哪里

3)如果通过a标签的href属性指定URL地址,则必须在地址前面添加http://或https://。

4)a标签的href属性除了指定网络地址外,还可以指定本地地址。

四,BASE标签

基本标签专门用于统一指定当前网页中的所有超链接(a标签)需要如何打开。

笔记:

1. 基础标签必须写在头标签的开始标签和结束标签之间。

2. 如果在base 和a 标签中都指定了目标,则浏览器将按照a 标签中指定的方式执行它。

五,其他常用HTML标签

1、H系列标签

1)功能:用来写文章的标题。

2)写作形式

格式:

标题

(双标签)

3)常见的H标签有h2 h3 h4 h5 h6。从h1到h6,字体越来越小,一直到h6。没有H7。

2.P标签

1)功能:书写段落

2)格式:内容

(双标签)

3.hr标签

1)功能:用于在网页中插入一条水平线。

2)格式:(单标签)

用户评论

桃洛憬

终于开始学习HTML了!感觉从零基础开始有点难。

    有10位网友表示赞同!

隔壁阿不都

这篇文章太重要了,好多标记都还没见过!

    有15位网友表示赞同!

早不爱了

想做一个简单的个人网站,这些标签应该都能用到吧?

    有11位网友表示赞同!

聽風

标题写得真明确,让我知道这篇文章里会讲什么标签。

    有10位网友表示赞同!

不离我

学习编程感觉像是在学一种新的语言!

    有12位网友表示赞同!

箜篌引

HTML的标记真是太基础了,一定要牢记起来!

    有8位网友表示赞同!

浮光浅夏ζ

看了文章之后,我明白了好多常用的标签的功能。

    有16位网友表示赞同!

惦着脚尖摘太阳

不知道这篇文章会讲哪些常见标签?

    有14位网友表示赞同!

oО清风挽发oО

希望文章能详细解释每个标签的用法和区别。

    有11位网友表示赞同!

孤岛晴空

学习HTML是入门编程的绝佳选择!

    有12位网友表示赞同!

没过试用期的爱~

这些标签会不会在网站制作的过程中经常用到?

    有8位网友表示赞同!

墨染殇雪

我感觉只要掌握了这些基本标签,就能写出很多东西出来!

    有16位网友表示赞同!

(り。薆情海

现在网络上有很多学习资源,找材料真是太容易了!

    有15位网友表示赞同!

浮殇年华

先看看有哪些新的标签,再去实践练习~

    有9位网友表示赞同!

﹏櫻之舞﹏

文章应该能帮助我快速上手HTML吧?

    有5位网友表示赞同!

留我一人

想要设计一个漂亮的网站,这些标签就显得非常重要!

    有6位网友表示赞同!

夜晟洛

学习编程需要不断地练习和积累经验。

    有20位网友表示赞同!

尘埃落定

感觉这篇文章应该能够解答很多我的疑惑。

    有14位网友表示赞同!

【深入解析:HTML基础标签应用与技巧】相关文章:

1.动物故事精选:寓教于乐的儿童故事宝库

2.《寓教于乐:精选动物故事助力儿童成长》

3.探索动物旅行的奇幻冒险:专为儿童打造的童话故事

4.《趣味动物刷牙小故事》

5.探索坚韧之旅:小蜗牛的勇敢冒险

6.传统风味烤小猪,美食探索之旅

7.探索奇幻故事:大熊的精彩篇章

8.狮子与猫咪的奇妙邂逅:一场跨界的友谊故事

9.揭秘情感的力量:如何影响我们的生活与决策

10.跨越两岸:探索彼此的独特世界

上一篇:路易威登原产同款价格解析:十大热销款式售价全览 下一篇:探索生命的广度与深度:一场关于思考的哲学之旅