html标签通常是成对出现的(html标签区分大小写吗)

一,标签语义

标签的含义,就是这个标签是干啥用的。

二,标题标签

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

每个标题标签文字加粗,文字大小随数字增大而减小。其中h 是head 的缩写,意为头部的意思。

三,段落和换行标签

<p>标签用于定义段落,把整个网页分为若干个段落。其中p 是paragraph 的缩写,意为段落的意思。

例:<p>这是一个段落标签</p>

注意:

1. 文本会根据浏览器窗口大小自动换行。

2. 段落和段落之间有空隙。

如果希望某段落文本强制换行,就可以用到换行标签<br>

<br>标签用于段落强制换行,其中 br 是 break 的缩写,意为打断,换行的意思。

例:<p>这是一个段落标签<br>真神奇啊真神奇</p>

注意:<br>是单标签。

四,文本格式化标签

文字设置粗体,斜体,下划线。

语义标签

加粗 :<strong></strong>或<b></b>

倾斜 :<em></em>或<i></i>

删除线 :<del></del>或<s></s>

下划线 :<ins></ins>或<u></u>

一般使用前面的标签。

五,<div>和<span>标签

<div>和<span>没有语义可以理解为是一个盒子,用来装内容。后面CSS细说。

其中div 是division的 缩写,意为分割,分区。span 意为跨度,跨距。

六,图片标签和路径

1. 图片标签

<img>标签用于HTML页面中插入图片。

例:<img src= "图片的路径"/>

其中 img 是 image 的缩写,意为图像。

src 是<img>标签的必须属性,用于指定图像文件的路径和文件名。

图像标签的其他属性:

属性和属性值

src :图片路径和名字

alt :文本

title :文本

width: 像素(图片大小)

height :像素(图片大小)

border: 图片边框

其中 alt 属性的解释为 当该路径没有对应的图片时,就显示alt 的文本信息。

输入:

<img src="hua.jpg" alt="这是一朵花"/>

输出:

html标签通常是成对出现的(html标签区分大小写吗)插图

其中title 属性的解释为 当鼠标停在图片时,会显示title 的文本信息。

输入:

<img src="hua.jpg" title="这是一朵花"/>

输出:

html标签通常是成对出现的(html标签区分大小写吗)插图1

2. 路径

相对路径:以引用文件所在位置为参照物。

相对路径分类

同一级路径 : 图像文件位于HTML文件同一级 如<img src="hua.jpg"/>

下一级路径 : / 图像文件位于HTML文件下一级 如<img src="images/hua.jpg"/>

上一级路径 :../ 图像文件位于HTML文件上一级 如<img src="../hua.jpg"/>

今天就分享到这里,欢迎一起学习讨论呀。

**本论坛部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本论坛仅供提供学习交流和参考,禁止用户用于商业行为,并请于下载后24小时内删除,若喜欢该作品请联系原作者购买正版。如果您发现论坛上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
158自学网 » html标签通常是成对出现的(html标签区分大小写吗)
关于售后:
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系微信/QQ:406499404,无条件退款
(3)仅支持原渠道退回,微信支付,支付宝退回至您当初选择的付款方式
(4)不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的,请放心!
(5)因部份资源来源互联网,本站不担保其完整性,请知悉!

提供最优质的资源集合

立即查看 了解详情
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡