HTML基本知识

一、HTML是什么？

超文本标记语言是一门标记语言，不同于编程语言，它是用来做标记用的；

它有两个要素：

①元素：即一对标签，标签里面的是内容；

②属性：往往放在起始标签里，以name="value"的形式存在。

下图显示了一个HTML文档的基本结构：

注意：可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

二、一些基本的常用的标签

①标题：

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

②段落：

<p>要注意：浏览器会自动地在段落的前后添加空行。元素无非就是块级元素和内联元素，</p>

③文本格式化：

<b>加粗文本</b>
<i>斜体文本</i>
<code>电脑自动输出</code>
这是 _下标 和 ^上标

④布局：

<div>这是一个经典的块级元素，一般用来布局</div>

⑤列表：

a.无序列表

b.有序列表

c.自定义列表

⑥iframe：嵌套其他网页

<iframe src="URL"></iframe>

该URL指向不同的网页。

⑦图像：

<img src="url" alt="当url有误时用来显示的可替换文本">

⑧一些常用的布局标签：

a.分割线：<hr>

b.换行符：<br>

三、一些重要的标签

①表格：如下图显示了一个显示良好的表格；

②超链接：<a href="url">链接文本</a>

注意：<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>

这个target属性表示此链接重开一页。

③表单（最重要的一个HTML标签）：可以向后台提交数据；

<form> 表单
	action 数据要提交到的服务器地址
	method 数据提交的方式：get和post（默认为get）
	get的特点：
	①浏览器中的地址的格式是：http://ip:port(其实就是action属性值)?请求参数
	请求参数的格式：name=value&name=value
	②不安全
	③不能包含非ASCII码，有数据长度限制：单项长度值不可超过100个字符
	post的特点：
	①浏览器地址栏中不包含请求参数（?及其后面的东西）
	②比get安全
	③理论上单项数据长度值没有限制
	表单提交的时候若想要提交至服务器，必须设置name和value属性！
	<input> 文本框
	type="text" 文本输入框 value设置默认输入内容
	type="password" 密码框 value设置默认显示内容
	type="radio" 单选框 name属性可以对其进行分组 checked="checked"表示默认选中
	type="checkbox" 复选框 checked="checked"表示默认选中
	type="reset" 重置按钮 value属性设置按钮上的文本
	type="submit" 提交按钮 value属性设置按钮上的文本
	type="button" 按钮 value属性设置按钮上的文本
	type="file" 文本上传域
	type="hidden" 隐藏域
	<select> 下拉列表框
	<option> 下拉列表框中的选项 selected="selected"表示默认选中
	<textarea> 多行文本输入框 起始标签和结束标签中的内容即是默认值
	rows 设置可以显示几行的高度
	cols 设置可以显示几列的宽度
	可以通过表格来格式化表单

input这个标签非常重要，常常用在form中。