青训营X豆包MarsCode 技术训练营第一课 | 豆包MarsCode AI刷题;

62 阅读2分钟

简单总结一下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>:定义页面的不同区域和结构。