前端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 @   铿锵有力自信且坚定  阅读(7)  评论(0)  编辑  收藏  举报
相关博文：
· 前端html：提交到后台的标签
· 前端html：socket服务
· 前端开发-Html
· 前端基础之HTML
· 前端开发标签1
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示