HTML基本语法
2024-03-16 19:14:10
发布于：北京
39阅读
0回复
0点赞
汇总
HTML（HyperText Markup Language）是用于创建网页结构的标记语言。以下是 HTML 的一些基本语法要点：
-
文档结构：
- HTML 文档以
<!DOCTYPE html>声明文档类型。 - 使用
<html>标签表示 HTML 文档的开始，使用</html>表示结束。
- HTML 文档以
-
头部信息：
- 使用
<head>标签包含文档的元数据，如标题、字符集设置等。 - 使用
<title>标签定义文档标题。
- 使用
-
内容区域：
- 使用
<body>标签包含页面的主要内容。 - 使用各种标签（如
<h1>至<h6>用于标题、<p>用于段落、<a>用于超链接等）来组织内容。
- 使用
-
注释：
- 使用
<!-- 注释内容 -->来添加注释，不会在页面中显示。
- 使用
-
标签与属性：
- 标签用于定义元素，可以包含属性，如
<tagname attribute="value">content</tagname>。 - 例如，
<a href="https://www.example.com">Click here</a>创建一个指向网址的超链接。
- 标签用于定义元素，可以包含属性，如
-
列表：
- 有序列表使用
<ol>标签，无序列表使用<ul>标签，列表项使用<li>标签。
- 有序列表使用
-
表格：
- 使用
<table>定义表格，<tr>定义行，<td>定义单元格。
- 使用
-
表单：
- 使用
<form>定义表单，通过<input>等标签收集用户输入。
- 使用
-
图片：
- 使用
<img>标签插入图像，通过src属性指定图像的 URL。
- 使用
-
链接：
- 使用
<a>标签创建超链接，通过href属性指定链接目标。
- 使用
-
嵌入多媒体：
- 使用
<video>、<audio>等标签嵌入视频、音频等多媒体内容。
- 使用
-
样式与脚本：
- 可以通过
<style>标签或外部 CSS 文件添加样式。 - 可以通过
<script>标签或外部 JavaScript 文件添加脚本。
- 可以通过
13.样例代码:
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个段落文本。在这里可以写一些内容。</p>
<h2>一个列表示例：</h2>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
<h2>一个表格示例：</h2>
<table border="1">
<tr>
<td>表格单元格 1</td>
<td>表格单元格 2</td>
</tr>
<tr>
<td>表格单元格 3</td>
<td>表格单元格 4</td>
</tr>
</table>
<h2>一个超链接示例：</h2>
<a href="https://www.example.com">点击这里访问示例网站</a>
<h2>一个图片示例：</h2>
<img src="https://www.example.com/image.jpg" alt="图片描述">
</body>
</html>
14.保存：
- 可以使用txt保存，记得更改成.HTML文件哦！
这里空空如也
有帮助，赞一个