HTML总结

m0_62627645

已于 2022-06-21 19:53:38 修改

阅读量109

点赞数

文章标签： html html5

于 2022-05-24 19:42:10 首次发布

本文链接：https://blog.csdn.net/m0_62627645/article/details/124694719

版权

HTML是超文本标记语言，是一种用于定义内容结构的标记语言，通过标记标签来描述网页。

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思。但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签。（也就是说，元素包含标签）

HTML标记标签简称为HTML标签，是由两个尖括号与其包围的关键词构成。标签通常成对出现，第一个称为开始标签，第二个称为结束标签。也被称为开放标签和闭合标签。

HTML标签	用途	实例
<title>	网页标题	<title>菜鸟教程(runoob.com)</title>
<h1>~<h6>	定义标题	<h1>这是一个标题</h1>
<p>	定义段落	<p>这是一个段落。</p>
<br>	换行	<p>这个<br> 段落<br> 演示了分行的效果</p>
<hr>	水平分割线	<hr>
<a>	定义链接	<a href=“https://www.runoob.com”>这是一个链接</a>
<img>	定义图像	<img src=“/images/logo.png” width=“258” height=“39” />
<map>	定义图像地图	<map name=“planetmap”></map>
<area>	定义图像地图中的可点击区域	<area shape=“rect” coords=“0,0,82,126” alt=“Sun” href=“sun.htm”>
<table>	定义表格	<table border=“1”></table>
<tr>	定义表格中的行	<tr> <td>row 1, cell 1</td></tr>
<td>	定义表格中的单元格	<td>row 2, cell 1</td>
<th>	定义表头	<th>Header 1</th>
<div>	定义了文档的区域，块级 (block-level)	<div style=“color:#0000FF”></div>
<ul>	定义无序列表	<ul><li>Coffee</li></ul>
<ol>	定义有序列表	<ol><li>Coffee</li></ol>
<input>	输入框	<input type=“text” name=“name” placeholder=“请输入用户名”>

整个 HTML 由一个个元素组成（可以嵌套），而元素则一般由开始标签、内容以及结束标签组成。如下，
在这里插入图片描述

有一些元素只有一个开始标签，通常用来在该元素所在位置插入或嵌入一些东西，我们称其为空元素，也称为普通元素。如下：<br>，<hr>等等

元素具有相关的属性，属性包含元素的额外信息。例如：

<p title="这是个title属性">  鼠标移上来试试！</p>
<input type="text">
<input type="password">

一个属性必须包含如下内容：

（1）一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
（2）属性名称，后面跟着一个 = 号。
（3）一个属性值，由一对引号 "" 引起来。
（4）属性一般描述于开始标签。

以下是适应于大多数HTML元素的属性：

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)
target	定义被链接的文档在何处显示

对于一个HTML 文档（也称web页面），会有以下标签内容，分析如下：

HTML标签	用途
<!DOCTYPE html>	声明文档类型
<html></html>	包裹了整个完整的页面，是一个根元素，其它元素都嵌套到其中
<head></head>	定义了文档的信息
<meta charset=“utf-8”>	定义了HTML文档中的元数据， meta元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。这个元素设置文档使用utf-8字符集编码
<link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon”>	定义了一个文档和外部资源之间的关系，指定页面的图标，出现在浏览器标签上。
<title></title>	定义了文档的标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面
<body></body>	包含你能在页面看到的所有内容，包括文本，图片，音频，游戏等等
<base>	定义了页面链接标签的默认链接地址
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件