1.基础标签

<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用
文档声明头,声明当前文件是html5文件。

<html></html> 双标签 定义html文档内容的结构 所有的html文档的内容
都需要写在这对标签内部。

<head></head> 头部 通常情况下,里面写的内容是对于当前网页的一些
预定义信息设置。

<body></body> 身体 网页 里面要显示给用户看的内容,全部写在body里面

2.<head>标签中的元素

<meta charset="UTF-8"> 设定当前网页的编码格式为UTF-8。
meta标签是一个单标签,通过charset 属性,将其属性值设置为需要
的编码,即可为当前的网页设置编码格式。

title用于设置网页的标题,放在head内部。

<title>网页标题</title>

引入外部的css文件:

<link rel="stylesheet" href="style.css">

引入内部样式:

<style></style>

引入外部js:

<script src="index.js"></script>

内部js:

<script>
    //Javascript Code Here
</script>

3.<body>中的常用标签:

<p>段落
<span>段中的特殊字符
<div>表示网页区域的一个分割,常用于网页布局
<hr>换行分割线
<br>换行
<h1>-<h6>多级标题
<!--Comment-->注释
<em>强调
<strong>特别强调
<abbr>缩写
<address>地址
<blockquote>引用一段话
<cite>引用一句
<ins>插入文本
<del>删除文本
<pre>原样输出一段文本,常与<code>连用
<kbd>表示键盘输出
<var>表示变量
<base> 标签 :
网页中所有连接的基础链接,base标签里面的链接会影响页面中的所有的链接,除非链接设置了协议。

3.1表单:

一般以<form></form>标签表示,用于读取用户信息并向后台传输数据。

form标签中常用的属性:
action 属性:设置将表单中的数据提交给谁 ,如果action的属性值为空,那么当你点击提交的时候数据就提交到了当前的网页中.

method 属性 :设置提交给后台的方法 get / post 。
当method属性值为get的时候,数据被通过url(统一资源定位符)传递到后台当中。但只能传输纯文本类的数据。
当属性值为post的时候,传输数据通过服务器来传输。
当method属性值为空的时候,默认属性值为get。

3.2 form表单组成之一 input

input是表单中最常见的元素,其一般格式为:
<input type="text" name="user">

其最重要的属性是:type 类型 ,包括以下几种:
- text 文本类型
- password 密码
- submit 提交
- file 文件
- hidden 隐藏
- radio 单选
- checkbox 多选
- image 看似是图片,但其实是一个提交按钮,并且会向目标页面上传点击位置的坐标
- reset 重置