HTML知识达标

						HTML知识达标

一、web(应用)
1.1通常是指我们通过浏览器访问的网站系统
1.2web应用的创建通常都是通过URL、HTTP、超文本来创建的
1.3URL，即统一资源定位符，也就是在互联网上的一个唯一的资源
例：http://localhost:8989/项目名/方法名
1.4HTTP，被称为超文本协议， 也是web应用中被应用的最为广泛的一种协议
1.5超文本直白的说就是一个可以跳转地址的链接，来获取到新的网页
二、HTML
被称为超文本标记语言，但是超文本标记语言不是变成语言的大种类
1.1我们在编写HTML时，其实也就是在书写html提供的标签
1.2在写html时，需要将文件的后缀修改为.html或者.htm
1.3html是解释型语言，会一边解释一边运行
三、HTML的标签
HTML的标签形式为：
1.1<开始标签>内容</结束标签>
大多数的HTML的标签是成对出现的，成对出现的标签就需要有开始标签和结束标签
1.2HTML中也有单标签，例如：br换行 hr加一条分割线
1.3标签的属性
在书写html是也是需要设置属性的
meta charset=“GBK/utf-8”
1.4在标签之间也可以嵌套
例：<开始标签>
<开始标签>
<开始标签></结束标签>
</结束标签>
</结束标签>
HTML的基本结构

<!DECTYPE HTML>：用来声明html 的版本，以便于浏览器按照指定的版本解释并运行

html：为根标签，一个html文件只能有一对
head：部分标签，也成为头部标签，一般里面写的东西都是不给用户看的，可以在head标签内设置编码格式等
body：部分标签，也成为身体标签，一般在body标签内写html标签，这里面写的html标签都是给用户看的

Head部分标签：
title：标题标签
设置编码格式：meta charset=“GBK”
引入外部资源的标签：
① link 标签： 可以引入外部的CSS样式文件。
link type=”引入外部文件的类型” rel=”风格” href=”资源的路径”
比如引入CSS文件：
link type=”text/css” rel=”stylesheet” href=”资源的路径”
② script标签 ： 引入外部的javascript文件
script type=”text/javascript” src=”javascript文件路径”
body部分标签：
字体标签：hn n的值越大，字体越小
换行标签：br
段落标签：p
字体修饰标签：font 可以设置字体的大小(size)，颜色(color),字体（face）
table 是表格
thead是表格头
tbody是表格体
tr是代表一行
td是代表一列
th是代表加粗，写在thead里表示表头加粗
hn数值越大字体越小
img src代表图片路径
a href表示资源的路径，也是超链接可以跳转
四、如果从一个网页跳转到另外一个网页?
a href=“需要跳转网页的路径” /a
添加图片：img src=“图片的路径”
绘制表格：
table
tr
td第一行第一列/td
td第二行第二列/td
/tr
/table
表单的作用：主要负责信息采集的功能
form表单action后要写的是提交的地址，method是表示用哪种方式提交，通常由get显式和post隐式两种
get是显示提交，是地址栏拼接的方式提交
post是隐式提交，是将数据打包成文件提交
常用的表单元素：
input type="text"文本输入框
input type=“password” 密码输入框
通常单选按钮、多选框、下拉列表需要设置默认值value，其他的可以设置也可以不设置
input type=“radio” value=“默认值"单选按钮
input type=“checkbox” 多选框
select
option下拉列表的选项值/option
/select下拉列表
textarea rows=“行高” cols=“列宽” /textarea定制一个文本域
input type=“submit” value=“默认值"提交按钮
input type=“reset” value=“默认值” 重置按钮
input type=“button/” 普通按钮，未来配合js/jquery使用
input type=“hidden” value=”” 没有任何的样式，value会跟随表单提交

重点：
表单中的name属性有什么作用？
当表单提交时，表单中的name属性会作为数据的key进行提交，也是未来服务器获取表单数据的重要依据！