第三课时之基本的 HTML 标签 - 四个实例
本节通过实例向您演示最常用的 HTML 标签。
提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。
提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。
1.HTML 标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < html > < body > < h1 >This is heading 1</ h1 > < h2 >This is heading 2</ h2 > < h3 >This is heading 3</ h3 > < h4 >This is heading 4</ h4 > < h5 >This is heading 5</ h5 > < h6 >This is heading 6</ h6 > < p >请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</ p > </ body > </ html > |
2.HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
实例
1 2 3 4 5 6 7 8 9 10 11 | < html > < body > < p >这是段落。</ p > < p >这是段落。</ p > < p >这是段落。</ p > < p >段落元素由 p 标签定义。</ p > </ body > </ html > |
3.HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
实例
1 2 3 4 5 6 7 8 | < html > < body > < a href="http://www.w3school.com.cn"> This is a link</ a > </ body > </ html > |
注释:在 href 属性中指定链接的地址。
(您将在本文章稍后的章节中学习更多有关属性的知识)。
4.HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
实例
1 2 3 4 5 6 7 | < html > < body > < img src="cat_little.png" width="300" height="120" /> </ body > </ html > |
注释:图像的名称和尺寸是以属性的形式提供的。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 个人数据保全计划:从印象笔记迁移到joplin
· Vue3.5常用特性整理
· 重拾 SSH:从基础到安全加固
· 为什么UNIX使用init进程启动其他进程?