HTML基础元素

这篇博客详细介绍了HTML的基础元素,包括标题标签h1-h6、段落p、换行br、水平线hr、图像img的使用,以及超链接a的各种属性。内容涵盖了路径设置、图片格式、列表类型、表格属性以及HTML5新增的页面布局元素和多媒体元素video、audio的用法。
摘要由CSDN通过智能技术生成

1. 标题标签:h1-h6

<h1 align="center">这是标题</h1>

不要为了加粗或者加大文字使用标题标签,搜索引擎根据标题为网页的结构和内容编制索引。

align:设置对齐方式

2. 段落标签:p

<p align="left">这是一个段落</p>

3. 换行标签:br

<p>这是一个段落</p><br>

4. 水平线标签:hr

<hr color="" width="" size="" align=""/>

olor设置水平线颜色,width设置水平线长度,size设置水平线高度,align设置水平线对齐方式

5. 图像标签:img

<img src="" alt="" title="" width="" height=""/>

src:图像的路径,可以是相对路径或者绝对路径

alt:当图像无法显示时的替代文本

title:鼠标悬停在图像上显示的提示信息

width:图像的宽度

height:图像的高度

通常只对图像的宽度或者高度中的其中之一进行设置,实现图像的等比例缩放。

5.1 路径:

绝对路径:1. 网址        2. 盘符

相对路径:1. 平级直接写        2. 下一级用/

3. 上一级用../        上两级用../../

5.2 图片常见格式:

jpg、jpeg:不支持透明背景

png:支持透明背景

gif:支持动图

psd:ps的文件格式

webp:比jpg占用空间还小的文件格式

6. 超链接标签:a

<a href="url" target="_self">链接文本</a>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值