HTML新手入门笔记整理：HTML基本标签

太空背包客

已于 2023-11-23 09:41:07 修改

阅读量1.8k

点赞数 40

分类专栏：前端新手入门笔记整理文章标签： html 前端

于 2023-11-22 22:34:49 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_55576134/article/details/134564518

版权

本文详细介绍了HTML中的各种结构标签，如<head>、<body>、<title>等，以及元数据标签如<meta>的使用，包括关键字、描述、作者、编码等。还涵盖了表格、列表、表单元素和内嵌框架等关键部分，帮助读者理解HTML的基本结构和功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

结构标签

<html> </html>	告诉浏览器这个页面是从<html> 开始，到 </html>结束
<head> </head>	网页的头部，用于定义一些特殊内容，如页面标题、定时刷新、外部文件等。
<body> </body>	是网页的身体，大部分代码，都是在这个标签内编写
<title> </title>	定义浏览器栏目的标题

<head> </head>内部标签（了解即可）

在HTML中，只有一些特殊的标签才能在head标签内，一般有6个。

title标签

在HTML中，title标签唯一的作用就是定义网页的标题。

meta标签（单标签）

在HTML中，meta标签，一般用于定义页面的特殊信息，如页面关键字、页面描述等。这些信息不是提供给用户看的，而是提供给搜索引擎（如百度蜘蛛、谷歌蜘蛛）看的。简单来说，meta就是用来告诉“搜索蜘蛛”这个页面是做什么的。

name属性

keywords	网页搜索关键字，可以是多个
description	网页的描述与介绍
author	网页的作者
copyright	版权信息

<!--网页关键字-->
<meta name="keywords" content="这个网页是干嘛的，科技互联网，设计开发"/>

<!--网页描述-->
<meta name="description" content="这个网页的作用是什么"/>

<!--本页作者-->
<meta name="author" content="helicopter">

<!--版权声明-->
<meta name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则必将追究法律责任。"/>

http-equiv属性

定义网页所使用的编码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<!--H5中简写-->
<meta  charset=utf-8"/>

定义网页自动刷新跳转

<!--当前页面在6秒后会自动跳转到其他页面-->
<meta http-equiv="refresh" content="6";url="url"/>

style标签

用于定义元素的CSS样式。

语法

<style type="text/css">
/*这里写CSS样式*/
</style>

script标签

用于定义页面Javascript代码，也可引入外部Javascript文件。

语法

<script>
/*这里写JavaScript代码*/
</script>

link标签

用于引入外部样式文件（CSS文件）

语法

<link type="text/css" rel="stylesheet" href="css/index.css

文本标签

标题标签

<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6>六级标题 </h6>

段落标签

<p> </p> 段落标签，用于定义一段文字。（默认字体大小16px）

换行标签

<br/> (单标签）

<p>床前明月光，疑是地上霜。<br/>举头望明月，低头思故乡。</p >

预览效果

格式标签

常用

粗体标签	<strong></strong> / <b></b>
斜体标签	<i></i> / <em></em> / <cite></cite>
上标标签	<sup></sup>
下标标签	<sub></sub>
中划线标签	<s></s>
下滑线标签	<u>&l