基本的 HTML 标签

简介:

本章向您讲解 HTML 标签的概念,通过实例向您演示最常用的 HTML 标签。

提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。

提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

什么是 HTML 标签
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签,比如

注释:开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。

HTML 标题
HTML 标题(Heading)是通过

-

等标签进行定义的。

实例

This is a heading


This is a heading


This is a heading


亲自试一试

HTML 段落
HTML 段落是通过

标签进行定义的。

实例

This is a paragraph.


This is another paragraph.


亲自试一试

HTML 链接
HTML 链接是通过 标签进行定义的。

实例

This is a link
亲自试一试

注释:在 href 属性中指定链接的地址。

(您将在本教程稍后的章节中学习更多有关属性的知识)。

HTML 图像
HTML 图像是通过 标签进行定义的。

实例

w3school.jpg
亲自试一试

注释:图像的名称和尺寸是以属性的形式提供的。

出自:http://www.w3school.com.cn/html/html_primary.asp

本文转自博客园知识天地的博客,原文链接:基本的 HTML 标签 需转载请自行联系原博主。

相关文章
|
1月前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
33 1
|
1月前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
21天前
HTML_表单标签
HTML_表单标签
16 0
|
8天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
10天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
10天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的<div>和<span>。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
13天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
21天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
12 0
|
21天前
HTML_行内标签
HTML_行内标签
13 0
|
22天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
14 2