认识html

HTML(HyperText Markup Language)是构建网页的标准标记语言。它使用一系列标签来描述网页的结构和内容。

  1. 基本结构
    HTML 文档的基本结构如下:
点击查看代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
<!DOCTYPE html>:声明文档类型为 HTML5。
<html>:根元素,包含整个 HTML 文档。
<head>:包含文档的元数据(如字符集、页面标题、引入外部资源等)。
<body>:包含网页的主要内容。
2. 常用标签
点击查看代码
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p>这是一个段落。</p>
链接标签
<a href="https://www.example.com" target="_blank">这是一个链接</a>
图像标签
<img src="image.jpg" alt="描述图片的文本">
列表标签
<ul>
    <li>无序列表项 1</li>
    <li>无序列表项 2</li>
</ul>

<ol>
    <li>有序列表项 1</li>
    <li>有序列表项 2</li>
</ol>
表格标签
<table>
    <tr>
        <th>表头 1</th>
        <th>表头 2</th>
    </tr>
    <tr>
        <td>单元格 1</td>
        <td>单元格 2</td>
    </tr>
</table>
表单标签
<form action="/submit" method="POST">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password">
    <br>
    <input type="submit" value="提交">
</form>
3. 常用属性

id:为元素指定一个唯一的标识符。
class:为元素指定一个或多个类名。
style:为元素指定内联样式。
href:指定链接的目标地址。
src:指定图像或其他媒体文件的 URL。
alt:指定图像的替代文本。
title:指定元素的标题文本,通常用于提示信息。
4. 表单元素

HTML 表单包含多种输入类型:

点击查看代码
<input type="text">:文本输入框。
<input type="password">:密码输入框。
<input type="checkbox">:复选框。
<input type="radio">:单选按钮。
<input type="submit">:提交按钮。
<input type="reset">:重置按钮。
<input type="button">:普通按钮。
<input type="file">:文件选择框。
<textarea>:多行文本输入框。
<select>:下拉列表。
5. 多媒体标签 audio:定义音频内容。 video:定义视频内容。 source:为音频或视频指定媒体源。
posted @ 2024-10-17 20:32  Look_Back  阅读(3)  评论(0编辑  收藏  举报