HTML快速入门

bugnotfound

已于 2024-04-26 15:41:53 修改

阅读量308

点赞数 9

分类专栏： H5相关技术文章标签： html 前端

于 2024-04-26 14:59:34 首次发布

本文链接：https://blog.csdn.net/bugnotfound/article/details/138219089

版权

H5相关技术专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML

简介

HTML（HyperText Markup Language）是一种用于创建网页的标记语言。它由一系列标签组成，这些标签可以描述网页的结构和内容。HTML被用来定义网页的各个部分，如标题、段落、链接、图像等。通过使用HTML，开发人员可以编写网页并将其呈现在互联网上，使用户可以通过浏览器访问和浏览这些网页。

HTML基于一种标记的结构，其中包含了一些元素（elements），这些元素由尖括号包围，如<html>、<head>、<body>等。这些元素可以包含文本、链接、图像以及其他媒体内容，从而构建出整个网页的结构。

HTML是构建网页的基础，通常与CSS（Cascading Style Sheets）和JavaScript一起使用，以实现更丰富的网页设计和交互功能。CSS用于控制网页的样式和布局，而JavaScript用于实现网页的交互和动态效果。三者结合使用可以创建出功能丰富、美观的网页。

HTML常用标签

文本内容标签：

<p>：定义段落。
<h1> - <h6>：定义标题。
<strong> 或 <b>：定义粗体文本。
<em> 或 <i>：定义斜体文本。
<u>：定义下划线文本。
<s> 或 <strike>：定义删除线文本。
<sub>：定义下标文本。
<sup>：定义上标文本。
<blockquote>：定义块引用。
<cite>：定义引用来。
<code>：定义计算机代码文本。
<pre>：定义预格式化文本。

结构标签：

<div>：定义文档中的块级元素，用于布局目的。
<span>：定义文档中的内联元素，用于样式目的。
<header>：定义文档头部。
<footer>：定义文档底部。
<section>：定义文档中的节（section）。
<aside>：定义侧边栏内容.

列表和表格标签：

<ul>：定义无序列表。
<ol>：定义有序列表。
<li>：定义列表项。
<table>：定义表格。
<tr>：定义表格行。
<td>：定义表格数据单元格。

链接和媒体标签：

<a>：定义超链接。
<img>：插入图像。
<audio>：定义音频内容。
<video>：定义视频内容.

表单和交互标签：

<form>：定义表单。
<input>：定义输入控件。
<textarea>：定义文本域。
<button>：定义按钮。

其他标签：

<br>：插入换行符。
<hr>：插入水平线。
<iframe>：定义内联框架。
<nav>：定义导航链接。

一个简单的例子

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
</head>
<body>
<h2>Login Form</h2>
<form action="/login" method="post">
  <label for="username">Username:</label><br>
  <input type="text" id="username" name="username"><br>
  <label for="password">Password:</label><br>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="Login">
</form>
</body>
</html>