简单总结一下HTML的语法和相关知识点,新手小白,欢迎各位大佬批评指正
-HTML(HyperText Markup Language)是用于创建网页的标准标记语言。
基本结构
一个典型的HTML文档包含以下几个主要部分:
-
<!DOCTYPE html>:这是文档类型声明,用于告诉浏览器文档使用的是HTML5标准。 -
<html>:这是根元素,所有其他元素都包含在这个元素内。 -
<head>:包含了文档的元数据,如<meta>,<title>, 以及可能的链接到外部资源的<link>和<script>元素。 -
<body>:包含了文档可见的内容,如文本、图片、链接等。 -
标签和属性
-
标签:通常由开始标签
<标签名>和结束标签</标签名>组成,用于定义HTML元素。 -
属性:位于开始标签内部,提供有关元素的信息。属性由属性名和值组成,值通常被引号包围。
HTML标签概述
- 单表签,用一个标签完整的描述某个功能。 <\标签名>
- 双标签,由开始标签和结束标签组成 <标签名>内容</标签名>
- 注释标签,在文档中添加但又不会在显示页面中显示的文字,<!-注释语句->
标题标签
h1> 至 h6>:定义从一级到六级的标题,h1>语义最重,通常只用一次。
文本标签
- p>:定义段落。
- br>:插入一个换行。
- hr>:插入一个水平线。
- strong>:加粗文本。
- em>:倾斜文本。
- s> 和 del>:表示删除的文本。
列表标签
- ul>:定义无序列表。
<ul><li>列表项1</li><li>列表项2</li><li>列表项3</li>...<ul> - ol>:定义有序列表。
- li>:定义列表项。
- dl>:定义列表
<dl><dt>名词1</dt><dd>名词1 的相关描述信息</dd><dt>名词2</dt><dd>名词2 是相关描述信息</dd></dl>
链接标签
- a>:定义超链接。 -<a href=“跳转目标”target=“目标窗口弹出方式”>文本或者图像
图像标签
-
img>:定义图像,通过src属性指定图像路径。 表单标签
-
form>:定义表单。
-
input>:定义各种类型的输入字段,如文本框、单选按钮、复选框等。
-
label>:定义输入控件的标签。
-
select>、option>、textarea>:定义下拉列表和多行文本框。
表格标签
-
table>:定义表格。
-
thead>、- tbody>、- tfoot>:定义表格的表头、主体和表尾。 -tr>:定义表格中的行。
-
th> 和 td>:定义表头单元格和标准单元格。
其他常用标签
-
div>:定义文档中的分区或节,是一个块级容器。
-
span>:定义文本的一个片段,是一个行内容器。
-
header>、footer>、section>、article>、aside>:定义页面的不同区域和结构。