前端Html第二节记录

本文介绍了HTML中的基本元素,包括不同级别的标题标签用于排版,段落标签用于分隔内容,换行和水平线的使用,以及如何通过文本格式化标签如加粗、倾斜和下划线来增强文本呈现。同时涵盖了图像标签及其属性在网页中的应用。
摘要由CSDN通过智能技术生成

6-标题标签

        一般用在新闻标题、文章标题、网页区域名称、产品名称等

<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>

显示为:

        

        显示特点:

                        1、加粗

                        2、随标题级别字号减小

                        3、独占一行(换行特点)

                        * 注:h1 标签在一个网页中,只能存在一个,h1~6 没有限制* 

7-段落标签

        一般用在新闻段落、文章段落、产品描述信息等

<p>段落1</p>
<p>段落2</p>

显示为:

        

显示特点:

                1、独占一行

                2、段落与段落之间有间隙

8-换行和水平线

        换行:br

        水平线:hr

<br>
<hr>

9-文本格式化标签

        为文本添加特殊格式。

        strong 加粗 (同名标签b)

        em 倾斜 (同名标签i)

        ins 下划线 (同名标签u)

        del 删除线 (同名标签s)

    <strong>加粗</strong>
    <em>倾斜</em>
    <ins>下划线</ins>
    <del>删除线</del>

显示为:

        

10-图像标签

        在网页中插入图片

<img src="图片的 URL">
<img src="./imges/1.png" alt="替换文字" title="提示文字">

属性值:

        src:填写图片的地址

        alt:当图片无法显示的时候出现的替代文字

        title:鼠标悬停的提示文字

        width:图片的宽度

        weight:图片的高度

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值