HTML5基础标签解析-优快云博客

本文链接：https://blog.youkuaiyun.com/Problem_Girl/article/details/103759560

本文详细介绍了HTML5中常见的基础标签及其用法，包括文档声明、注释、水平线、换行、空格、图片、超链接、表格、表单等，深入探讨了各标签的属性及应用场景。

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

<!DOCTYPE html>：这句声明，是告诉浏览器，请使用HTML5标准来执行这个网页。

 注释意义：1.把暂时不用的代码注释起来，方便以后使用。2.对开发人员进行提示。光标悬停在开头按住ctrl + /

<hr /> 水平线

<br /> 换行标记

&nbsp 空格

<img src = " （图片的路径） " /> 多图片时，默认一行显示，且为底部对齐

其中还有属性title = ''value''，指鼠标放在图片上会显示出来图片的提示信息value

alt = "value", 指当图片无法显示时，会显示value值，如value为小仙女

其中常用属性有 target = "_blank" 指在空白页面打开此链接

与a标签链接相关的还有base单标签，用于控制所有a标签的链接或打开方式，通常写在head里，如<base target = "_blank"/>

锚点方法一： href#号对应 id属性；方法二： href#号对应 name属性

<table> 其常用属性有border 值为像素。 cellspacing 指单元格间隙，值为0时指单元格与单元格之间空隙为0

<caption> 指整个表格标题

<tr> 指表格的一行

<td> 指表格的单一单元格

<th> 表头，tr下的，可理解为 th = 加粗并水平居中的td

要习惯养成表格里拥有thead、tbody、tfoot语义化标签的习惯，无实际文本效果，只是为了结构的完整，注意只有tbody可以拥有多个。

table表格常用的属性：border、cellpadding(单元格内的空间)、cellspacing(单元格之间的空间)、rowspan、colspan、align(左右对齐方式)、valign(上下对齐方式)

表单必须由form标签来创建
form必须有action属性，表示后面按钮点击后将表单提交的地址。还有method属性，其值有get和post
input按钮的文字，由value属性表示
input必须放在form标签内才能提交
input之所以会有各种样式如点击按钮，账号输入，密码输入，单选框等，是因为type属性的作用，type属性值常见有：text（文本输入框）、password（密码输入框）、radio（单选框）、checkbox（复选框）、button（普通按钮）、submit（提交按钮）、reset（重置按钮）、file（文件选择框）、textarea（多行文本框，配合cols和rows属性）、select（下拉菜单，配合子标签option）

get请求和post请求的区别：

get通常指获取数据；post通常指提交数据；

get请求发送的数据都写在地址栏上，用户可见； post请求发送的数据用户不可见

get请求不能提交大量数据，但post可以，所以不要混淆了

form表单里input常用到的属性placeholder=”请输入密码“，text文本的提示文字，获得光标后提示文字消失

checked；默认勾选， disabled；该选项不可选

<span>标签 一个容器标签，不具备任何特殊功能，仅当作容器来使用。用于包裹一段文本，便于给文本增加样式。宽度为内容宽度。也可理解为用来修饰文字，div和span都是没有任何默认样式的，需要配合css才行。
<div>标签 一个通用容器标签，不具备任何特殊功能，仅当作容器来使用。可以包裹任何内容，也可以容器间相互包裹。一个空的div，默认宽度100%，高度为0，高度随内容变化而变化。

内联样式：直接标签内通过style=”属性=属性值；“ 来引入
内部样式：在head头部里通过<style>双标签来引入
外部样式：通过<link rel = " ", href=" ", style=" ">单标签在head头部里引入，link通常用来指引入外部资源，rel指引入的外部资源类型（即资源与当前文档的关系），href指引入的外部资源地址。stylesheet指文档外部样式表。