![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/107a32145e62c6408f6ea7c12a7bbc3c.png)
文本
1.概念:
Hyper Text Markup Language 超文本标记语言
超文本:
用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
标记语言:
由标签构成的语言 <标签名称> 如html,xml
标记语言不是编程语言
html是最基础的网页开发语言
2.快速入门:
语法:
1.html文档后缀名 .html或者 .htm
2.标签分为:
1.围堵标签:有开始和结束标签
2.自闭合标签:开始标签和结束标签在一起
3.标签可以嵌套:
不可以你中有我,我中有你
4.在开始标签中可以定义属性。属性是由键值对构成,值需要用引号引起来
5.html的标签不区分大小写,但是建议使用小写
6.注释:
3.标签学习:
1.文件标签:构成html最基本的标签
html:html文档的跟标签
head:头标签,指定文档的一些属性,引入外部的能量
title::标题标签,
body:体标签
2.文本标签
<h1> to <h6> 定义 HTML 标题
<p> 定义段落
<br> 定义简单的折行
<hr> 定义水平线
<b> 定义粗体文本
<i> 定义斜体文本
<font> 定义大号文本。HTML5 中不支持。请使用 CSS 代替
3.图片标签
<img> 定义图像
相对路径
以.开头的路径
./代表当前目录
../代表上一级目录
3.列表标签
<ul> 定义无序列表
<ol> 定义有序列表
<li> 定义列表的项目
4.链接标签
<a> 定义锚
href="xxx":指示链接的目标
target:指定打开资源的方式
_self:默认值,在当前页面打开
_blank:在新的空白页面打开
5.div和span标签
div:每一个占满一整行。块级标签
span:文本信息在一行展示,行内标签,块级标签
6.语义化标签
<header> 定义 section 或 page 的页眉
<footer> 定义 section 或 page 的页脚
7.表格标签
<table> 定义表格
width 宽度
border 规定表格边框的宽度
cellspacing 规定单元格之间的空白
cellpadding 规定单元边沿与其内容之间的空白
bgcolor 背景色
<caption> 定义表格标题
<th> 定义表格中的表头单元格
<tr> 定义表格中的行
<td> 定义表格中的单元
colspan:合并列
rowspan:合并行
<thead> 定义表格中的表头内容
<tbody> 定义表格中的主体内容
<tfoot> 定义表格中的表注内容(脚注)
8.表单标签
概念:
采集用户输入的数据,用于和服务器交互
<form> 定义采集用户数据的范围
action:规定当提交表单时向何处URL发送表单数据
method:指定提交方式
分类:(7种有2种常用的)
get:
1.请求参数会在地址栏中显示。会封装到请求行中
2.请求参数的大小是有限制的
3.不够安全
post:
1.请求参数不会在地址栏中显示。会封装在请求体中
2.请求参数的大小没有限制
3.较为安全
表单项中的数据要想被提交:必须指定name属性
表单项标签:
<input> 定义输入控件
type:改变元素展示的样式
text:文本输入框(默认)
placeholder:指定输入框的提示信息,得到焦点时自动清空
password:密码输入框
radio:单选框
1.name一致视为一组单选按钮
2.value用于区分选择的按钮
3.checked默认选中
checkbox:复选框
1.name一致视为一组多选按钮
2.value用于区分选择的按钮
3.checked默认选中
file:文件选择框
hidden:隐藏域,用于提交信息
submit:提交按钮
button:普通按钮
image:图片提交按钮
<label> 定义 input 元素的标注
一般来说,label的for属性会和input的id属性对应。
如果点击了label区域,会让input输入框输入框获得焦点
<select> 下拉列表
子元素:option,指定列表项
selected:默认选中
<textarea> 文本域
cols:指定默认列数,一行多少字数
rows:指定默认行数
HTML 标签参考手册