HTML常用标签-----例如<p><img><li>等

本文详细介绍了HTML5中的一些常用标签,包括DOCTYPE声明、meta标签、link标签、title标签、块级标签(如p、img、ol、ul、dl、figure)、行级标签(如span、em、strong、q、img)、表格标签、表单标签以及一些特殊标签的属性和用法。内容涵盖了字符编码、页面刷新、搜索引擎优化、图像引用、文本格式、表格布局和表单数据提交等方面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.HTML5头部结构

【DOCTYPE html】

声明文档类型为HTML5文件。

文档声明在HTML5文档必不可少,且必须放在文档的第一行。

【meta标签】

1.charset属性:单独使用,设置文档字符及编码格式。

写法:<meta charset="UTF-8">

常见的中文编码格式:

B-2312:国标码,简体中文

GBK:扩展的国标编码,简体中文

UTF-8:万国码 Unicode码,基本兼容各国语言文字

2.http-equiv属性:需配合content属性使用。主要声明浏览器如何解释编译文件。

写法:<meta http-equiv="属性值" content="属性值详细内容"

常用属性值:

Content-Type  HTML4.01之前的文档内容编码声明。

refresh   网页刷新

set-Cookie  设置浏览器cookie缓存

3.name属性:需配合content属性使用,主要用于给搜索引擎提供必要信息。

写法:<meta name="属性值" content="属性值详细内容"

重要属性值:

author 作者,声明网站作者,常用公司网址表示

keywords 网站关键字,多个关键字,用英文逗号分隔

description 网页描述,搜索引擎显示在title下的描述内容

例如:

<!--charset属性-->

<meta charset="UTF-8">

<!--作者-->

<meta name="anthor" content="http://www.sasu.cn" />

<!--网页关键字-->

<meta name="keywords" content="HTML5,网页,第一个"

<!--网页描述-->

<meta name="description" content=我的第一个网页 />

<!--声明文档的编码格式-->

<meta charset="UTF-8" />

【link标签】

1-作用:用于为网页链接各种文件。

2-常用属性:

rel:用于表明被链接文件与当前文件关系。icon表明被链接图片是当前网页的icon图标。

type:表明被链接文件是什么类型,可省略。

href:表明链接文件的地址。

例如:

<link rel="icon" href="images/icon.png" />

***引用样式文件

<link rel="stylesheet" type="text/css" href="css/style.css" />

【title标签】

网页的标题,即网页选项卡上的文字。

<title>四川文理学院</title>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拓古fly

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值