HTML
HTML是什么:Hyper Text Markup Language(超文本标记语言,超文本:一种文本形式,允许通过超链接关联文字,图片,音频。视频,动画)
HTML 基础格式:
-
文档类型声明(Document Type Declaration):
- 用于指定文档类型和版本,通常使用
<!DOCTYPE html>
。
- 用于指定文档类型和版本,通常使用
-
HTML 文档结构:
- 一个典型的 HTML 文档包括
<html>
、<head>
和<body>
元素。 <html>
元素包含整个文档。<head>
元素包含文档的元信息,如标题、字符集声明和外部资源链接。<body>
元素包含页面的可见内容。
- 一个典型的 HTML 文档包括
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
常用 HTML 标签:
-
标题标签:
<h1>
到<h6>
用于定义标题的级别。 -
段落标签:
<p>
用于定义段落。 -
链接标签:
<a>
用于创建超链接。 -
图像标签:
<img>
用于嵌入图像。 -
列表标签:
- 有序列表:
<ol>
和<li>
。 - 无序列表:
<ul>
和<li>
。
- 有序列表:
-
表格标签:
<table>
、<tr>
、<th>
和<td>
用于创建表格。 -
表单标签:
<form>
用于创建表单。<input>
用于创建表单字段。<button>
用于创建按钮。<select>
和<option>
用于创建下拉菜单。<textarea>
用于多行文本输入。
-
媒体标签:
<audio>
和<source>
用于嵌入音频。<video>
和<source>
用于嵌入视频。
-
样式和分隔标签:
<div>
用于划分文档内容的区块。<span>
用于标记文档中的一部分文本。
-
标记和引用标签:
<em>
用于强调文本。<strong>
用于强调重要文本。<blockquote>
用于引用文本块。
-
换行和水平线标签:
<br>
用于强制换行。<hr>
用于创建水平线。
常用 HTML 属性:
-
id
和class
属性:id
用于唯一标识元素。class
用于指定元素的类别,可用于样式和脚本操作。
-
src
和href
属性:src
用于指定资源的路径,如图像和媒体文件。href
用于指定超链接的目标 URL。
-
alt
属性:用于指定图像的替代文本。 -
width
和height
属性:用于指定图像和表格的宽度和高度。 -
colspan
和rowspan
属性:用于表格单元格合并。 -
disabled
属性:用于禁用表单字段。 -
placeholder
属性:用于在表单字段中提供提示文本。 -
required
属性:用于要求用户填写表单字段。 -
target
属性:用于指定链接的打开方式,如在新窗口或当前窗口打开。 -
rel
属性:用于指定链接的关系,如样式表、图标和搜索等。