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基础标签应用与技巧】相关文章:
用户评论
终于开始学习HTML了!感觉从零基础开始有点难。
有10位网友表示赞同!
这篇文章太重要了,好多标记都还没见过!
有15位网友表示赞同!
想做一个简单的个人网站,这些标签应该都能用到吧?
有11位网友表示赞同!
标题写得真明确,让我知道这篇文章里会讲什么标签。
有10位网友表示赞同!
学习编程感觉像是在学一种新的语言!
有12位网友表示赞同!
HTML的标记真是太基础了,一定要牢记起来!
有8位网友表示赞同!
看了文章之后,我明白了好多常用的标签的功能。
有16位网友表示赞同!
不知道这篇文章会讲哪些常见标签?
有14位网友表示赞同!
希望文章能详细解释每个标签的用法和区别。
有11位网友表示赞同!
学习HTML是入门编程的绝佳选择!
有12位网友表示赞同!
这些标签会不会在网站制作的过程中经常用到?
有8位网友表示赞同!
我感觉只要掌握了这些基本标签,就能写出很多东西出来!
有16位网友表示赞同!
现在网络上有很多学习资源,找材料真是太容易了!
有15位网友表示赞同!
先看看有哪些新的标签,再去实践练习~
有9位网友表示赞同!
文章应该能帮助我快速上手HTML吧?
有5位网友表示赞同!
想要设计一个漂亮的网站,这些标签就显得非常重要!
有6位网友表示赞同!
学习编程需要不断地练习和积累经验。
有20位网友表示赞同!
感觉这篇文章应该能够解答很多我的疑惑。
有14位网友表示赞同!