HTML元素与标签

简介: HTML元素与标签

HTML元素与标签

HTML介绍

WWW,是World Wide Web(万维网)的缩写,Web万维网它是由无数的教育、娱乐、商业组成的一个庞大的信息控件,我们在这个信息控件中遨游,浏览、搜寻资料。最终趁现在浏览器中的信息,就是Web页面。

We页面绝大多数都是由HTML所编写的


HTML(Hypertext Markup Language)超文本标记语言。

Web页面也是一种文档,而HTML就是用于编写这种文档的一种标记语言。

HTML元素与标签

网页文档的结构和格式的定义是有HTML元素来完成。HTML元素是由单个或一对标签定义的范围。如图:


HTML元素的四种形式

  • 空元素
<br>
  • 带属性的空元素
<hr color="bule">
  • 带内容的元素
<title>http://baidu.com</title>
  • 带内容和属性的元素
<font color="red">http://baidu.com</font>

HTML框架第一个页面

<!DOCTYPE html>           <!-- 声明为HTML5文档  -->
<html>                <!--开始HTML文档-->
<head>                <!--开始文档头部-->
    <meta charset="utf-8" />    <!--包含了文档的元(meta)数据, 定义网页编码格式为 utf-8。-->
    <title>               <!--开始文档标题-->
    </title>              <!--结束文档标题-->
</head>               <!--结束文档头部-->
<body>                <!--开始文档体-->
</body>               <!--结束文档体-->
</html>               <!--结束HTML文档-->

提示

1.在HTML文档中,给一个标签的属性赋值的时候,可以加双引号,也可以不加例如:

<hr color="blue">
<hr color=blue>

都是合法的。

2.在HTML文档中,如何存在连续多个空白字符(空格、制表符、回车、换行等),浏览器显示时只解析为一个空格字符。

目录
相关文章
|
17天前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
26 0
|
2天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
24 13
|
2天前
|
搜索推荐 SEO
HTML中各种标题标签的正确使用方法及其特点
在HTML中,标题标签(`&lt;h1&gt;`至`&lt;h6&gt;`)用于定义文档的标题结构。`&lt;h1&gt;`表示主标题,每个页面应只有一个;`&lt;h2&gt;`至`&lt;h6&gt;`分别表示不同层级的子标题,可用于细分内容。正确使用这些标签不仅有助于文档的层次分明和可读性提升,还能优化SEO。使用时需注意保持层级结构连续、内容描述清晰。
|
2天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
3天前
|
前端开发 UED SEO
html元素的使用禁忌
在使用HTML元素时,需遵循一些禁忌和最佳实践,以确保网页的可访问性、可维护性和性能。避免使用过时标签(如`&lt;font&gt;`、`&lt;center&gt;`),滥用`&lt;div&gt;`和`&lt;span&gt;`,及忽视必要属性(如`&lt;img&gt;`的`alt`属性)。应尽量集中管理样式于CSS文件,减少内联样式,避免过多嵌套,关注可访问性(如使用ARIA属性),并合理使用文档结构(如`&lt;head&gt;`、`&lt;body&gt;`和标题标签)。遵循这些指南,有助于提升用户体验和SEO效果。
|
15天前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
30 4
|
16天前
HTML元素(HTML Elements)的属性
【8月更文挑战第27天】HTML元素(HTML Elements)的属性。
23 2
HTML中font标签用法
这篇文章详细介绍了HTML中`<font>`标签的用法,包括如何分别设置字体风格(`font-style`)、字体粗细(`font-weight`)、字体大小(`font-size`)和字体类型(`font-family`),并通过实例代码演示了如何综合使用这些属性来定义文本的字体样式。
HTML中font标签用法
|
18天前
|
移动开发 前端开发 JavaScript
|
18天前
|
存储 前端开发
为 HTML 元素指定 CSS 样式的方式
【8月更文挑战第24天】
46 0