HTML
什么是 HTML?
- HTML是用来描述网页的一种语言。
- HTML指的是超文本标记语言:
HyperText Markup Language - HTML不是一种编程语言,而是一种
标记语言 - 标记语言是一套
标记标签(markuptag) - HTML使用标记标签来描述网页
- HTML文档包含了HTML
标签及文本内容 - HTML文档也叫做
web页面
相关术语
HTML属性
属性是HTML元素提供的附加信息。
- HTML 元素可以设置 属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以键值对(名称/值)的形式出现,比如:name="value"。
- 属性值应该始终被包括在
引号内（在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号）
以下是一个使用了 href 属性的链接 ：
<a href="http://www.w3cschool.cn">这是一个链接</a>
HTML的常用标签
HTML文档由 HTML元素 定义。
HTML元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容。
head 元素
文档结构标签
- <!DOCTYPE html> ：声明文档类型。
-
<html>：根元素，所有HTML文档都应从此标签开始。
-
<head>：包含文档的元数据（如标题、字符编码、CSS样式等）。
-
<body>：包含文档的主体内容。
-
<title>：设置文档的标题，显示在浏览器标签上。
文本格式化标签
-
<h1>至<h6>：标题标签，<h1>最大，<h6>最小。
-
<p>：段落。
-
<br>：换行。
-
<b>：粗体文字。
-
<i>：斜体文字。
-
<u>：下划线。
-
<strong>：加重语气（通常呈现为粗体）。
-
<em>：强调（通常呈现为斜体）。
超链接标签
-
<a>：创建链接，使用href属性指定链接的目标。
列表标签
-
<ul>：无序列表。
-
<ol>：有序列表。
-
<li>：列表项。
图像、媒体和 a 标签
-
<img>：插入图像，使用src属性指定图片路径。
<img src="index-logo.png" alt="随时随地学编程">
-
<audio>：嵌入音频文件。
-
<video>：嵌入视频文件。
-
<a href="https://www.w3cschool.cn" target="_blank">访问w3cschool\</a>在<a>标签中使用target属性值有:
-
_blank:在新窗口中打开被链接文档。 -
_self:默认。在相同的框架中打开被链接文档。 -
_parent:在父框架集中打开被链接文档。 -
_top:在整个窗口中打开被链接文档。 -
_framename:在指定的框架中打开被链接文档。
-
表格标签
- <table>：表格元素。
- <tr>：表格行。
- <th>：表头单元格。
- <td>：表格数据单元格。
- <thead>：表格头部。
- <tbody>：表格主体。
- <tfoot>：表格底部。
表单标签
- <form>：表单容器。
- <input>：输入框，支持不同类型，如文本框、密码框等。
- <textarea>：多行文本输入框。
- <button>：按钮。
- <select>：下拉框。
- <option>：下拉框选项。
- <label>：为表单元素定义标签。
常用块级标签
- <div>：通用块级元素。
- <span>：行内元素。
- <section>：文档中的独立部分。
- <article>：独立的内容区域（如博客文章、新闻等）。
- <header>：文档头部区域。
- <footer>：文档底部区域。 这些标签是构建网页时最常用的一些，理解它们的用法有助于你更好地制作和组织网页结构。如果你有具体的需求或问题，可以告诉我，我可以提供更多的帮助！
