导图社区 HTML学习思维导图
这是一个关于HTML学习思维导图的思维导图,讲述了HTML学习思维导图的相关故事,如果你对HTML学习思维导图的故事感兴趣,欢迎对该思维导图收藏和点赞~
编辑于2022-08-13 04:14:43HTML学习思维导图
什么是HTML?
HTML是超文本标记语言的缩写。
HTML是一种用于创建网页的标记语言。
HTML由一系列标签组成,这些标签定义了网页的结构和内容。
HTML的基本结构
<!DOCTYPE>
<!DOCTYPE>声明定义了HTML文档的类型。
<html>
<html>元素是HTML文档的根元素。
<head>
<head>元素包含了HTML文档的元数据,如标题、字符编码等。
<body>
<body>元素包含了HTML文档的主要内容,如文本、图像等。
HTML的标签
标题标签 <h1>-<h6>
<h1>到<h6>标签用于定义文档的标题,从大到小分为6级。
段落标签 <p>
<p>标签用于定义段落。
超链接标签 <a>
<a>标签用于创建链接到其他页面或文件的超链接。
图像标签 <img>
<img>标签用于插入图像。
列表标签 <ul>、<ol>、<li>
<ul>标签用于创建无序列表。
<ol>标签用于创建有序列表。
<li>标签用于定义列表项。
HTML的属性
id属性
id属性用于唯一标识HTML元素。
class属性
class属性用于为HTML元素定义一个或多个类名。
style属性
style属性用于为HTML元素添加样式。
src属性
src属性用于指定图像或媒体文件的URL。
href属性
href属性用于指定链接的URL。
HTML的表格
<table>
<table>标签用于创建表格。
<tr>
<tr>标签用于创建表格的行。
<td>
<td>标签用于创建表格的单元格。
<th>
<th>标签用于创建表格的表头单元格。
HTML的表单
<form>
<form>标签用于创建表单。
<input>
<input>标签用于创建各种表单输入控件。
<textarea>
<textarea>标签用于创建多行的文本输入控件。
<button>
<button>标签用于创建按钮。
HTML的布局
<div>
<div>标签用于将文档分割为独立的部分。
<span>
<span>标签用于对文档中的一部分进行分组。
<header>
<header>标签用于定义文档的页眉。
<footer>
<footer>标签用于定义文档的页脚。