本帖最后由 武汉-就业部 于 2017-12-24 13:15 编辑
各位老师好： 1、今天主要工作： （1）武汉黑马JavaEE36期就业班班级辅导工作： 今天武汉黑马javaEE36期是web阶段第一天，是对html进行一个学习，那么今天换了一位新的导师给我们班的学员讲课，课堂氛围是不错的，大家对于新导师还是很欢迎。那么今天的点对于逻辑性要求不高，或者说没有什么逻辑性，为什么这么说呢？因为今天主要是学习html常用标签的用法，需要的是一个理解和熟练的过程，那么今天的模式就是动手要比动脑更加勤快才能更好的掌握，最好就是边写边用浏览器运行看效果，然后自己进行调试，这样就可以理解每个标签所代表的含义，以及其中属性所起到的作用。 晚自习学员反馈就是记的东西有点多，这个在班上强调了很多，担心他们搞错了重点，心态把握不好，所以就强调了几次对于这个阶段的内容要多敲多熟练，所以虽然有学员抱怨记的东西多，但是还是很自觉的在那联系代码，写网页。有个别学员问题稍微多一些，也不是很大的问题，就是比较纠结一些问题，比如一些属性为什么是这样，其实也很好解释，这是标记语言，对于一些属性和标签的用法都有一整套规定好的东西，这也就是说为什么逻辑性不强了。那么学习今天的知识点不要从样式上先考虑，先从语义上考虑再去看效果，这样会更好。那么今天的总结有： HTML：超文本标记语言。HTML是由标签所组成的语言，能展示超文本效果，HTML是用来写网页的，是设计页面的基础。什么是超文本标记？一个网页中不仅仅有简单的文本文字，还有图片、音乐、视频等等，所以可以简单记忆为超级根本，那么什么是标记语言？简单来说就是用一些标记去代表网页中的一些元素，例如用img标记代表图片、p标记代表段落等等，所以才说今天的点需要通过练习去记忆了，因为太多啦。HTML也是一般的目前标准的开发页面的技术，但是版本老、语法不严格。 DHTML：其实翻译过来就是动态的HTML。是一堆技术的整合：HTML + CSS + JavaScript。 XHTML：基于XML的HTML技术。语法要求必须和XML一致。所有的标记都必须要有结束标记。 HTML5.0：为了更加的规范各种标记的作用和丰富标记的作用推出HTML5.0 主流的浏览器才支持HTML5。 编写静态HTML： 1、建立一个后缀为.html或htm的文件。 2、打开该文件编写一些基本的html标签: html骨架： <html> <head><head> <body> 我要显示的数据写在body标记中。 </body> </html> 编写一个复杂的页面： HTML(结构) + CSS(美观) + JavaScript(交互) + 第三方的组件 常用标签：
文本（h1~h6 p pre span font div b）
图像和超链接（img a）
表格（table tr td 行和列的合并）
表单（form input type select textarea）
框架集合（frameset frame iframe）
行内元素：多个该元素如果不会自动换行那么称之为行内元素（span font）
块级元素：多个该元素如果会自动换行那么称之为块级元素（div br p pre h1~ h6）
h1~h6：语义代表标题，依次变小。
p：标记代表编写一个段落：默认换行。
pre：标签进行文本数据的原样输出，保留页面的回车和换行以及空格。
span：代表一个行内元素，一般和其他的块级元素结合使用。
font：编写一些带颜色的文本（不推荐，对于样式的改变，推荐使用CSS）。
div：代表一个块：自动换行 /宽度是和页面同宽、高度是和内容一样。
img：代表页面上需要显示图片: 以后在指定资源的路径的时候需要指定相对路径不要指定绝对路径。默认是以原始图片的宽度和高度进行显示的, 适合做logo之类的，如果需要做背景：background: url(imgs/img2.ico)。
a：代表一个链接：
<a href="demo.html" target="_blank">，超链接的hred属性不仅可以写资源的地址，还可以写协议。例如：<a href="javascript:alert('hello');">javascript协议</a>。
target的属性值：_self在自己的选项卡打开；_blank在新选项卡打开；_parent在父选项卡打开；_top在顶层选项卡打开。
#锚链接(页面内部跳转)：点击<a href="#ch02"></a>跳转到<a name="ch02"></a>。
#超链接(在多个页面之间跳转)。
table：代表一个表格，tr代表一行数据，td代表一个单元格。其中border属性指定的是表格的边框，algin指定的是表格的居中方式。
thead：表头
tbody：表体
tfoot：表尾
td（属性：rowspan="2"，代表占据2行。colspan="3"，占据3列）。
form：表单<form action="" method="post" enctype="multipart/form-data">
action属性指定的是将采集的数据给谁（默认当前页面）
method属性指定将采集的数据怎么给服务器（get/post）。
enctype属性指定编码规则: 默认值是application/x-www-form-urlencoded，默认按照页面存储编码进行中文参数编码。multipart/form-data对于上传的字段进行非编码处理
默认的表单的提交方式可以使用method属性来设置，但是默认是get方式。url?参数名1=参数值1&参数名2=参数值2...
get方式：如果传递敏感数据是明文的、而且是直接跟在地址栏后面传递的、只能传递1K以内的数据
post方式：如果指定了post那么依旧采用get方式进行传输的化，那么必须指定form表单中的action属性不能为自己。
可以同时使用get和post提交参数：将数据post到get形式的url上。
HTTP协议不能传输中文。
input: 属性：type：text、password、button、file、checkbox、radio···
select: option标签，属性：selected
frameset：框架集
frame：框架
iframe：框架
2、工作问题与配合工作反馈： （1）今日工作问题反馈： 辅导工作：今天的氛围还可以，可能是因为预习了。然后导师的课堂把控能力也很棒，学员很捧场，晚自习总结的时候老师的一个话，也是有很多学员去回应的。希望可以继续保持下去这种课堂的氛围。那么对于晚自习的问题，也还好，主要两个方面，一个是效果出不来，一个是纠结知识点。效果出不来有几种情况，最常见的就是标签太多，写乱了，这里少了括号，那里错了一个字母，再加上不报错，所以调试起来就比较麻烦。纠结知识点就是对于一些标签和属性的用法了，这个还好，只要引导一下就可以，不让他们钻了牛角尖。
（2）需要帮助人协助工作： 目前对于班级的辅导和管理工作尽在掌握，暂不需要其他老师的协助，后期如果有需求，会求助其他老师给予帮助。
3、明天工作计划： （1）武汉黑马android12期就业工作； （2）武汉黑马JavaEE36期辅导工作。
4、感恩三件事： （1）感恩杨茜老师对黑马android12期的关心和付出； （2）感恩陆康老师和陈辉对于黑马javaEE36期的付出； （3）感恩各位百忙之中看我的日报。
| 
收藏
淘帖
踩
