HTML5概述 语法规范 内置标签 表单标签

HTML5概述

1.html概述

2 html表单标签

超文本标记语言(hyper text markup language)

超文本：有着比文本更加强大的功能  普通文本只能书写文字
超文本可以书写文字 图片 视频 超链接等等超出文本的功能范畴
标记语言：由内置标签去描述的一门语言
后缀名以 *.html  或  *.htm结尾

作用

作用:用来制作各种各样的网页展示内容的

html语法规范

1 html文件里面的结构是由头标签和体标签组成   头部分（HEAD）  体部分（body)
2 html标签是不区分大小写的    
3 html标签是由开始标签和结束标签组成  内容
      有主体内容的方式（双标签）      内容
      没有主体内容的方式（单标签）     

4 html标签中可以设置属性        内容

html的入门程序

     



	这里是正文



html标签  是网页的根标签  有且只能有一个,所有内容都要放在这个根标签下
head标签  网页的头部   用来设置网页标题的
body标签  网页的主体   网页的内容主要写在主体中 可用展示
 功能与Java中的注释一样，可以出现多次可以出现任何地方
浏览器查看时不显示，右键查看源码可以看到

html的内置标签

文本标签

格式：内容
属性:
size:  设置字体大小	1最小 7最大
color: 设置字体颜色  可以使用英文设置  red    也可以使用光的三原色设置  #0000FF
face:  设置字体属性

排版标签

1 标题标签 格式：   n代表1~6  1最大,6最小  会自动换行
属性：
align:对齐的方式  取值：left:左(默认)  center:居中 right:右

2 水平线标签 格式：

属性：
width: 宽度
size: 粗细  
color: 颜色 
align:对齐的方式  取值：left:左 center:居中(默认)  right:右

3 换行标签 格式：

4 加粗标签 格式：内容
5 斜体标签 格式：内容
6 下划线标签 格式：内容
7 段落标签 格式：
内容
  属性：title 如果鼠标移动到段落上，会出现提示文字
ps:标签和标签之间可以互相嵌套，但是不能瞎嵌套

html的表单标签

应用场景

登录 注册等等

作用

只要后期需要将页面用户填写的数据传递给后台，我们都需要使用表单标签

使用

标签格式：表单标签不是由一个组成，而是有多个组成

  1 文本框    
  2 密码框    
  3 单选框    
  4 复选框    
  5 日期框    
  6 隐藏框    
  7 文件框    
  8 下拉框    内容
  9 文本域    
  10 提交按钮  
  11 普通按钮  
  12 重置按钮  

细节：所有的表单标签都要写在
里面

form标签的属性

form标签的2个属性：action method
action:指定表单提交到哪里的地址
method：提交方式 get提交 post提交
细节：get提交和post提交的区别
get提交方式会将整个表单提交的内容都显示在地址栏上(默认不写就为get)
post提交方式不会将整个表单提交的内容显示在地址栏上

所有标签的核心属性

name属性：表单提交数据是以key=value的形式进行提交的 name属性就是用来设置key名的
细节：表单数据要想提交 必须得有name属性
value属性：用来设置value值的 一般只给单选框 复选框设置 其余标签会将用户填写的内容当成是value属性值
细节：按钮的value属性是用来设置按钮名称的

单选框/复选框特有的属性

checked="checked" 被选中

下拉框特有的属性

selected="selected" 被选中