Web开发HTML5入门基础知识-01

一、HTML定义:HTML,全称为“超文本标记语言”(英文:HyperText Markup Language),是一种用于创建网页的标准标记语言。HTML由一系列标签组成,这些标签定义了网页的结构和内容。通过使用这些标签,可以添加文本、图片、音频、视频、表格、链接等内容,让网页更加丰富和有用。HTML也可以通过CSS和JavaScript等技术进行样式和交互的设计和开发。HTML标准由万维网联盟(W3C)负责制定和维护,目前最新的标准版本是HTML5。

超文本:链接

标记是什么:标签,带尖括号的文本。

例:见粗标签

<strong>需要加粗的文本</strong>

标签语法:1、标签成对出现,中间包裹内容

2、<>里面放英文字母(标签名)

3、结束标签比开始标签多一个/

4、双标签和单标签(<>、<>#<>)

二:下面是HTML中常见的一些标签,以及它们的功能介绍:

1. `<html>` 标签:表示 HTML 文档的开始和结束,所有的 HTML 内容都应该包含在这个标签之间。

2. `<head>` 标签:定义 HTML 文档的头部分,该部分包含了一些元数据,例如网页标题、CSS 样式表等等,这些元数据对于浏览器来说是非常重要的。

3. `<title>` 标签:定义文档的标题,通常会显示在浏览器的标题栏或窗口的标题栏上。

4. `<body>` 标签:定义了 HTML 文档的主体内容,一般情况下,在这个标签中放置网页的主要内容。

5. `<h1>-<h6>` 标签:用于创建 6 级标题,`<h1>` 是最高级,`<h6>` 是最低级。由于搜索引擎将标记的内容作为标记的权重依据之一,所以使用好标题标签有利于SEO优化。

6. `<p>` 标签:用来包裹段落。

7. `<a>` 标签:创建一个超链接,指向其他页面或同一页面内的某一个元素,可以让用户通过点击跳转到其他页面或位置。

8. `<img>` 标签:用于显示图像,需要指定图片的 URL 和一些额外的属性。

9. `<ul> / <ol> / <li>` 标签:`<ul>`创建无序列表、`<ol>`创建有序列表,`<li>`为列表项。

10. `<table>` 标签:创建出一个表格。

11. `<tr> / <th> / <td>` 标签:在 `<table>` 中使用,`<tr>` 表示表格中的一行,`<th>` 表示表头单元格,`<td>` 表示常规单元格。

12. `<form>` 标签:向服务器提交表单数据,如用户的输入内容,它可以包含各种类型的表单元素,例如文本框、下拉菜单、单选按钮等。

13. `<input>` 标签:创建表单元素,可用于得到用户的输入,它支持不同的类型:文本框、复选框、单选按钮、文件上传组件等。

14. `<label>` 标签:为表单元素添加标注,提高表单的可读性并且让表单更易于使用。

15. `<button>` 标签:用来定义一个按钮,通常与 JavaScript 一起使用来执行某个动作或操作。

以上只是 HTML 标签中比较常见和基础的一部分,HTML 标签还有很多,每个标签都有着不同的功能和应用场景。掌握了这些基础标签,就能轻松地创建出基础的网页。

16.`<br>` 标签:换行

17.`<hr>` 标签:水平线

18.`<div>` 标签: 是在 HTML 中常用的一个块级元素,它本身并没有像 `<p>` 标签那样有语义含义和默认样式。相反,`<div>` 被用来划分页面或网站中的内容区域,以便于对其进行组织、布局和样式化。 通常情况下,一个页面可以被划分成许多不同的区域(例如:页眉、导航菜单、正文、页脚等)。每个区域都可以使用 `<div>` 标签来划分,以方便后续对其进行定义样式及操作。 虽然 `<div>` 本身并没有任何意义,但是它可以将一些相关指向和内容包裹在一起,使得这些相关内容成为整个网页的一个组件,从而更容易地定义和控制他们的样式和行为。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值