HTML基本语法

2024-03-16 19:14:10

发布于：北京

63阅读

0回复

0点赞

汇总

HTML（HyperText Markup Language）是用于创建网页结构的标记语言。以下是 HTML 的一些基本语法要点：

文档结构：
- HTML 文档以<!DOCTYPE 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>