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文档中,如何存在连续多个空白字符(空格、制表符、回车、换行等),浏览器显示时只解析为一个空格字符。

目录
相关文章
|
1月前
|
移动开发 开发者 UED
HTML5 语义元素详解
HTML5引入了诸多语义元素
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
50 5
WK
|
1月前
|
存储 移动开发 前端开发
HTML5新增了哪些其他元素和属性
这段文字介绍了HTML5中新增的多种元素和属性,包括页面布局元素如header、nav等,表单元素如email、tel输入框等,以及其他元素如canvas、svg等。此外,还介绍了全局及表单属性,例如contenteditable、placeholder等,这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。
WK
50 1
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
12天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
21天前
HTML 元素
HTML文档由HTML元素定义,元素包括开始标签、内容和结束标签。某些元素内容为空,可在开始标签中关闭。大多数元素可拥有属性,且元素间可相互嵌套,形成复杂结构。
|
12天前
|
存储 移动开发 前端开发
|
1月前
|
移动开发 数据安全/隐私保护 UED
HTML5 表单元素详解
HTML5 引入了新的表单元素和属性,如 `&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;` 和 `&lt;button&gt;`,以及 `required、min、max` 等属性,增强了表单的创建与交互。其中,`&lt;input&gt;` 支持多种类型如 `email、url、date` 等,提供了更好的用户体验和数据验证。此外,HTML5 还新增了原生表单验证功能,简化了开发流程并提升了安全性。
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
39 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1

热门文章

最新文章