HTML常用标签

本文详细介绍了HTML中的标题标签(h1-h6)、段落标签(p)、标题分组、强调标签(strong和em)、换行(br)、分割线(hr)、删除线(del)、居中(center)、div与span标签、引用标签、以及img标签的使用方法和属性,包括alt、width和height等。这些基础知识对于理解和创建网页至关重要。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>语文</title>
</head>
<body>

1、标题标签 h1,h2,h3,h4,h5,h6

    h1  一级标题

    h2  二级标题

    默认样式:h1-h6,字体的大小逐步减小、字体会加粗,会变黑

    从语义上看:h1-h6,语义是逐步降低的,也是可以帮助浏览器检索内容,提高网络排名

    注意:

      常用的标题标签:h1-h3,

      h1的语义是最重,所以一个页面一般只有一个

      标题标签会独占一行,是块元素

2、段落标签  p

        默认样式:段落与段落之间有较大的空隙

              段落标签也会独占一行,是块元素

3、标题分组  让标题之间有关系,没有默认样式

4、strong 强调标签

        默认样式:字体加粗加黑了

5、em  强调标签

        默认样式:字体斜体了

6、br 强制换行, 是一个自结束标签

7、hr  分割线 是一个自结束标签

 8、del 删除线 

 9、center 有居中效果

10、div 是一个没有任何语义的标签, 是块元素

11、span 是一个没有任何语义的标签, 一般就用来包裹文字

12、引用标签

        默认样式:加双引号

 13、开始标签里 可以添加多个属性,用空格隔开即可

        img标签  引入外部的图片

        也是一个自结束标签

        4个属性

         src   引入图片的路径  暂时将html文件和图片放在同一个文件夹下

         alt   是对图片的描述,正常情况下,alt的内容是不显示,

                    当图片的路径出现问题了,图片引入不成功,alt就会显示

                它可以帮助浏览器检索图片,养成写alt的习惯

         width  设置图片的宽度

         height  设置图片的高度

         

         一般情况下,不会同时设置width和height,

                只要单独设置width或者height,另外一个就会自适应调整

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值