HTML简单总结

HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，它可以用来定义网页内容的结构。

HTML文档的基本结构如下：




<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">这是一个链接</a>
</body>
</html>

简要说明：

<!DOCTYPE html>：文档类型声明，用于通知浏览器使用HTML的哪个版本进行解析。
<html>：根元素，所有HTML内容都包含在其中。
<head>：包含了文档的元数据，如<title>、<meta>、样式链接和脚本链接等。
<title>：定义了网页的标题，显示在浏览器的标题栏上。
<body>：包含了用户可见的所有内容，如文本（<p>）、图片（<img>）、列表（<ul>）等。

HTML元素由开始标签、结束标签和内容组成。有些元素没有结束标签，如<br>（换行）、<img>（图片）等，它们被称为空元素。

HTML注释：




<!-- 这是一个注释，不会在页面上显示。 -->

HTML属性：

属性提供了元素的额外信息，例如<a href="https://www.example.com">链接</a>中的href属性。
属性通常包含一个值，该值在属性名后引号引起。

HTML标题（Headings）：




<h1>最大的标题</h1>
<h2>次大的标题</h2>
...
<h6>最小的标题</h6>

HTML段落（Paragraphs）：




<p>这是一个段落。</p>

HTML链接（Links）：




<a href="https://www.example.com">链接文本</a>

HTML图片（Images）：




<img src="image.jpg" alt="描述文本">

HTML列表：

无序列表：




<ul>
    <li>列表项1</li>
    <li>列表项2</li>
</ul>

有序列表：




<ol>
    <li>列表项1</li>
    <li>列表项2</li>
</ol>

HTML表格：




<table>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
</table>

HTML表单和输入：




<form action="submit_page.php" method="post">
    姓名：<input type="text" name="name"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="提交">
</form>

以上是HTML的基本概念和常用元素的简单示例。

评论已关闭

推荐阅读