前端html:标签

1.注释   <!--   -->

2.<html>标签,标准形式

<!DOCTYPE html>
<html lang="en">
<head> </head>
<body> </body>
</html>

 

2.<head>标签,包含文档的元数据

以下是<head>标签中常见的一些元素

①<meta>:提供关于HTML文档的元数据,比如字符集声明、页面描述、关键词等

复制代码
# 页面编码格式

<meta charset="UTF-8">
# 刷新,30s刷新一次
<meta http-equiv="Refresh" Content="30">

# 跳转,30s跳转到百度
<meta http-equiv="Refresh" Content="30;Url=http://www.baidu.com">

# 关键字
<meta name="keywords" content="关键字">

复制代码

 

②<title>:定义网页的标题,显示在浏览器的标签页上

<title>标题</title>

 

3.<body> 标签, 包含了网页的所有可见内容

在<body>标签中,可以添加各种HTML元素来构建网页的内容

①<a>:定义超链接

# href 链接
<
a href="http://www.baidu.com">百度</a>

②<br /> :换行

③<p>:定义段落

④<h1> 到 <h6>:定义标题

⑤<img>:定义图片

⑥<table>:定义表格

⑦<ul>、<ol> 和 <li>:定义无序列表和有序列表

⑧<div>:定义文档中的分区或节

 

 

4.简单实例

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Refresh" Content="30">
    <title>标题</title>
</head>
<body>
<h1>题目</h1>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
复制代码

 

posted @   铿锵有力自信且坚定  阅读(6)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示