第1天--(下午)HTML常用标签总结、HTML表单详解.rar

1. 什么是前端开发？ 前端开发就是开发用户能够浏览到的界面！以网站开发为例，前端开发指的就是网页制作！程序员通过编写代码制作网页，然后形成画面呈现给用户！ 2. 网页的生成原理？ 问题：用户通过什么软件打开网页？浏览器！ 结论：浏览器可以将程序员编写的代码解析成画面呈现给用户 问题：我们程序员编写的代码只要让谁能识别就可以？ 结论：浏览器！ 总结：我们编写浏览器能够看懂的语法，让浏览器识别后形成画面呈现给用户即可！(前端开发：和浏览器打交道！) 3. 浏览器可以识别什么样的代码？ 浏览器只能识别某种固定格式的语法，这种语法称为超文本标记语言(HTML语言) HTML语言只有三种语法，分别为： (1). 标签：通过<标签名></标签名>声明，简化为<标签名> (2). 属性：通过<标签名 属性名="属性值"></标签名> (3). 文本：通过<标签名>文字</标签名>声明 4. 如何实现前端开发的流程？ (1). 新建.html后缀的文件！ (2). 在文件中编写HTML语言构建画面 (3). 通过浏览器打开网页呈现画面即可！ 5. 什么是Hbuilder？ Hbuilder是一款国内自主研发的前端编程工具，主要的目的就是为了简化程序员的开发流程，可以自动生成代码，让程序员尽量快速的编写并生成代码即可！ 除了Hbuilder之外还有很多更加专业的前端编程软件，但是Hbuilder好就好在是中文的！比较适合新人使用！ 6. HTML语言中有哪些常用的标签和属性？(☆☆☆☆☆) 建议：HTML语言编写标签时，为了保证代码可读性较高，建议每个标签都换行声明！ (1). html标签：声明网页的开始和终止 (2). head标签：声明网页的头部 (3). body标签：声明网页的主体 (4). title标签：声明网页的标题 (5). br标签：声明换行 (6). hr标签：声明分割线 (7). p标签：声明段落(自动给文字前后换行) (8). h标签：声明标题(分为h1 ~ h6)(自动给文字前后换行) (9). i标签：声明倾斜 (10). b标签：声明加粗 (11). u标签：声明下划线 (12). del标签：声明删除线 (13). font标签：声明文字 color属性：声明文字颜色 (14). a标签：声明超链接 href属性：声明目标页面的路径 (15). sub标签：声明下标 (16). sup标签：声明上标 (17). img标签：声明图片(将图片引入到网页中展示) 要求：被显示的图片一定要放在项目中的img文件夹内 src属性：声明图片的路径 alt属性：声明图片加载失败后的提示 (18). ul标签：无序列表(列表以小黑点形式展示) (19). ol标签：有序列表(列表以数字、英文等形式展示) type属性：声明列表种类(A、a、i、I、1) (20). li标签：声明列表选项 7. Hbuilder中编写代码生成代码的常用指令？(☆☆☆) ctrl + enter：快速换行 ctrl + shift + r：快速赋值当前行 ctrl + d：删除当前行 ctrl + ↑：快速移动当前行 ctrl + ↓：快速移动当前行 ctrl + ?：声明注释 (1). 编写标签名按tab键，可以快速生成指定格式的标签！ (2). 编写标签名*数字，按tab键，可以快速生成指定数量的标签！ (3). 编写标签名>标签名，按tab键，可以快速生成指定嵌套格式的标签！ 8. 什么是表单？表单相关的组成部分有哪些？(☆☆☆☆☆) HTML中表单的作用就是采集用户的信息！(换言之：用户可以在表单相关的标签内填写或者选择数据) HTML表单共有三部分构成： (1). 表单标签：form标签(表单的作用就是采集用户的信息并发送到后台，form标签的作用就是规定了表单的范围，即：只有在form标签内部采集到的信息才会发送到后台！) action属性：声明目标页面的路径 (2). 表单作用域：声明指定的内容让用户录入或者选中数据，采集后发送到后端(要求：这些标签必须声明在form标签的内部！) input标签：键入标签 type属性：声明标签种类 type="text"：声明文本框 type="password"：声明密码框 type="radio"：声明单选按钮 type="checkbox"：声明复选框(多选按钮) type="date"：声明日期框 type="time"：声明时间框 type="range"：声明范围按钮 value属性：在标签内部显示内容！ placeholder属性：声明占位符！ checked属性：声明选项是否默认被选中！(适用于单选/多选按钮) name属性：如果多个单选按钮声明同一个name属性值才会实现单选功能！ select标签：声明下拉菜单(下拉框) option标签：声明菜单选项 textarea标签：声明文本域(多行文本框：录入多行文本) rows属性：文本域的可见行数 cols属性：文本域的可见列数 (3). 表单按钮：共有三种形式 1>. 普通按钮：button，没有任何实际作用 2>. 提交按钮：submit，作用是提交表单(跳转页面，将数据发送到后台) 3>. 重置按钮：reset，作用是重置表单