前端第一节

1.前端模块，页面
（1）文字
（2）图片
（3）链接
（4）动画：图片轮播
2.必须通过浏览器解析才可以呈现
3.开发工具
（1）记事本
（2）HBuilder
（3）idea，必须放在tomcat服务器中才可以
4.掌握的技术
（1）HTML标记语言
dddd
（2）css样式，美化和页面布局
（3）JavaScript 脚本，dom的操作
5.常用的框架
（1）vue
（2）bootstrap+jQuery
（3）elementUI
HTML
Hyper Text Markup Language（超文本标记语言），是一种规范、一种标准，能够通过标记的符号在网页中显示各个部分，网页本身是一个文本文件，通过文本中添加各种标记，告诉浏览器如何显示其中的内容（文字如何处理、图片如何显示等等）
html指的是浏览器打开的页面，网页
HTML版本
（1）h4：针对pc
（2）h5：移动设备，支持响应式布局，替代Android和ios的重复开发
HTML页面结构：
（1）后缀：html、htm
（2）结构
①文档的声明，当前HTML采用的版本
1）h4

2）h5

②根节点 HTML
1）head：通知浏览器如何解析HTML页面
a.meta 指明编码格式
b.title 标题，页面呈现的名称
c.style 设置页面样式的
2）body：就是我们编写内容的位置
a.表单标签
b.非标单标签
c.script
③所有标签，都是已经定义好的，直接使用，不能瞎写
HTML常用标签
（1）非标单标签：用于在页面中呈现内容，用户不能直接修改，只读
①h1-h6标题
②p：段落
③pre：格式
④列表：制作导航菜单
1）无序 ul
2）有序 ol
a. li
⑤table
1）分为三块，默认都是tbody
a. thead
b. tbody
c. tfoot
2)语法

……

3）只有放入到td中的内容才可以在table表格中显示
4）合并行、合并列
⑥ a超链接
文本
⑦ div: 块，默认占一行，充满
（2）表单标签
①数据的载体，指明提交给谁，如何提交

action : 表明提交的目标
method:提交的方式 get post
②表单控件
1）input标签产生，通过type设置控件的类型，默认是文本框
a. text
b. password
c. radio: 必须同名才能单选，必须提供value属性的值，提供默认选择
d. checkbox ： 必须同名才能复选，必须提供value属性的值
e. hidden
f. file
g. image: 图片按钮 就是一个带有图片的submit（提交按钮）
2）select
3）textarea
4）button
页面加载完毕，指的是800×600区域布满