HTML基本文件结构和元素

简介: HTML基本文件结构和元素

文件结构


<!DOCTYPE html> // 起始行
<html>   // 开始标签  
<head>  // 文档描述信息
<title></title>
</head>
<body>  // 网页内容
</body>
</html>  // 结束标签

常用标签

1、标题标签

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

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2、段落标签

<p>这是一段正文</p>

这是一段正文


3、文本样式标签


<b>加粗</b>
<i>斜体</i>
文本<sub>下标</sub>
<del>删除线</del>
<br />换行

加粗

斜体

文本下标

删除线


换行


4、列表标签

无序列表


<ul>
    <li>苹果</li>
    <li>橙子</li>
</ul>

苹果

橙子

有序列表


<ol>
    <li>苹果</li>
    <li>橙子</li>
</ol>

苹果

橙子

5、超链接标签

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

百度


6、图片标签

<img src="./image.jpg" />


7、多媒体标签

视频标签

<video src="./video.mp4" controls></video>

8、音频标签


<audio src="./music.mp3" controls></audio>

9、div标签

<div>
    <h3>标题</h3>
    <p>内容</p>
</div>

标题

内容


10、布局标签


<header>头部信息</header>
<nav>导航栏</nav>
<aside>侧边栏</aside>
<main>内容区域</main>
<footer>底部信息</footer>
<article>文章详情</article>
<section>页面分区</section>
相关文章
|
2月前
|
人工智能 JSON Shell
把 AI 漫剧做成一条可复现的生产管线:百炼 CLI 四步链路与单价账
本文聚焦AI漫剧工业化生产,以百炼CLI(v1.22.0)构建可复现、可验算、可计价的四步管线:角色设定图→参考图分镜→配音→生视频。强调“参考图”为唯一身份锚点,破除seed误区;提供实测命令、耗时与单价(单集约¥3.8),附完整可执行脚本,兼顾成本治理与合规边界。(239字)
把 AI 漫剧做成一条可复现的生产管线:百炼 CLI 四步链路与单价账
|
28天前
|
人工智能
阿里云域名注册查询入口:附域名查询、注册、实名认证全流程(新手入门)
本文详解阿里云域名注册全流程:从万网入口查询域名(com/cn等后缀)、确认可注册状态,到选择建站套餐或使用优惠口令,再到创建个人/企业实名信息模板并完成审核,最后提交支付。含最新入口链接、价格说明(如com首年35元)及实名认证要点,全程图文指引,助用户快速完成注册。
428 0
|
2月前
|
编解码 API 开发工具
GPT Image 2.5 API 实战教程:Python 调用实现图片生成与编辑
OpenAI Images API接入GPT-Image-2.5需选模型:Flare(快,适合草稿/批量)、Sunburst(精,适合精细编辑/交付)。调用`generate`或`edit`,结果从`b64_json`解码保存。支持PNG/WebP透明输出,尺寸、画质可调,需注意权限与计费细节。
|
4月前
|
API 开发工具
DeepSeek官方公告:两个模型名7月24日停用,抓紧处理!
DeepSeek 官方宣布:旧模型名 `deepseek-chat` 与 `deepseek-reasoner` 将于2026年7月24日23:59停用。请立即全局搜索并替换为 `deepseek-v4-flash` 或 `deepseek-v4-pro`,同步调整思考模式(`thinking` 参数)及工具调用链路,避免调用失败。
|
6月前
|
人工智能 API Python
办公Agent如何真正提效?用数据对比说明:介入前后团队时间消耗变化
这是一份真实办公提效实验报告:20人团队引入办公Agent后,事务与沟通时间骤降56%,人均每周多出9小时有效工作时间。数据揭示——AI不替代人,而是接管填表、催办、写纪要等低价值衔接工作,让人回归核心创造。(239字)
496 7
|
8月前
|
数据采集 机器学习/深度学习 传感器
传统MES向AI智能MES转型的技术难点是什么?
从传统MES(制造执行系统)向AI智能MES转型的过程,绝非简单的“软件升级”或“模块叠加”,而是一场涉及数据架构、算法模型、业务逻辑乃至组织文化的深层重构。
483 1
|
8月前
|
人工智能 算法 vr&ar
轻量化AI视觉模型平台在AR眼镜上的部署实践
该平台专为G10 AR眼镜设计,以“轻量化训练+端侧深度适配”架构,降低视觉AI开发门槛。支持非专业开发者5步完成数据准备、训练、部署与优化,实现≤30秒下发、≤10ms单帧推理,兼顾显示适配与固件兼容性。(239字)
431 0
|
8月前
|
API
GitHub 首页信息流太乱?分享几个“直达核心”的隐藏入口和优化方案
GitHub UI 越来越“社交化”,核心功能反被淹没!本文分享实用技巧:直达热榜(/trending)、星标库(/stars)、Fork 仓库的快捷路径;推荐关闭动态流、安装 Refined GitHub 插件降噪;搭配 GitHub CLI 和 Desktop 提升效率。回归代码本质,高效用 GitHub。
831 0
|
人工智能 安全 大数据
HBase启动报错:ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException: Server is not running yet
欢迎关注大数据和人工智能技术文章发布的微信公众号:清研学堂,在这里你可以学到夜白(作者笔名)精心整理的笔记,让我们每天进步一点点,让优秀成为一种习惯! 今天进入hbase shell中输入命令报错:ERROR: org.
6649 0
|
机器学习/深度学习 人工智能 监控
详解 Serverless 架构的 6 大应用场景
Serverless 架构将成为未来云计算领域重要的技术架构,将会被更多的业务所采纳。进一步深究,Serverless 架构在什么场景下有优秀的表现,在什么场景下可能表现得并不是很理想呢?或者说,有哪些场景更适合 Serverless 架构呢?
详解 Serverless 架构的 6 大应用场景

热门文章

最新文章