HTML简单学习

HTML简单学习

野原新一 87 2022-07-27

常用标签

1.基础标签

<!DOCTYPE> 	定义文档类型。
<html>	定义 HTML 文档。
<head>	定义关于文档的信息。
<title>	定义文档的标题。
<body>	定义文档的主体。
<h1> to <h6>	定义 HTML 标题。
<p>	定义段落。
<br>	定义简单的折行。
<hr>	定义水平线。
<script>	定义客户端脚本。
<link>	定义文档与外部资源的关系
<meta>	定义关于 HTML 文档的元信息。
<!--...-->	定义注释。

2.格式标签

<b>	定义粗体文本。等同于<strong>
<sup>	定义上标文本。
<sub>	定义下标文本。
<i>   定义斜体文本。等同于<em>
<u>	定义下划线文本。

3.表单

表单的内容就有点多了

  1. input标签
  • name:定义 input 元素的名称。
  • value:规定 input 元素的值。
  • type:规定 input 元素的类型。
  • button:按钮
  • checkbox:多选框
  • file:文件
  • image:图片按钮,点击图片提交
  • password:密码框
  • radio:单选框
  • reset:重置
  • submit:提交
  • text:文本框
  1. 拓展
  • 邮箱:email,可初步验证输入是否为一个邮箱
  • url:url,初步验证输入是否为一个网址
  • 数字:number,可初步验证是否为一个数字,且可以设置最大最小值和步长
  • 滑块;range
  1. select标签
  • multiple:规定可选择多个选项。
  • name:规定下拉列表的名称。
  • 配套标签:
  • option标签:
  • selected:规定选项(在首次显示在列表中时)表现为选中状态。
  • value:定义送往服务器的选项值。
  1. 表单特殊属性:
  • readonly:只读
  • disabled:禁用
  • hidden:隐藏
  • placeholder:给输入框一个提示信息
  • required:进行一个输入框的非空判断

超文本标签

<audio>	定义声音内容。
<img>	定义图像。
<video>	定义视频。
<a>	定义锚
  1. img标签属性(必填):
  • alt:text 规定图像的替代文本。
  • src:URL 规定显示图像的 URL。
  1. a标签(必填):
  • href:跳转路径
  • (可选):
  • target _blank(新窗口) _parent _self(原本网页) _top 规定在何处打开链接文档。
  • 锚链接
  • 功能链接:
  • 邮件链接
  • qq链接
  1. video标签:
  • src:路径
  • autoplay:如果出现该属性,则视频在就绪后马上播放
  • controls:如果出现该属性,则向用户显示控件,比如播放按钮。
  1. audio标签:
  • src:路径
  • autoplay:如果出现该属性,则音频在就绪后马上播放。
  • controls:如果出现该属性,则向用户显示控件,比如播放按钮。

表格

<table>	定义表格
<caption>	定义表格标题。
<th>	定义表格中的表头单元格。
<tr>	定义表格中的行。
<td>	定义表格中的单元。
<thead>	定义表格中的表头内容。
<tbody>	定义表格中的主体内容。
<tfoot>	定义表格中的表注内容(脚注)。

HTML框架

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>

以上是HTML超文本标记语言的基本需要的标签,如果想更往深处开发就需要搭配CSS(层叠样式表)和JavaScript开发。

欢迎点赞留言交流


# 前端 # HTML # 基础