来传智博客学习也有5天了,学习的知识也是越来越多,越来越难,自己的记忆力有点跟不上了,早上听的知识估计晚上就忘掉七八成了,也领略到了什么叫极品填鸭式教学,虽然很辛苦,但是这条路是自己选的,现在放弃了就只能做两三千的工作,这是不能允许的,也是不能放弃的道路。
说了那么多废话,也激励不了什么还是总结吧。
第一天:最简单的一天。了解了html的结构和语法,html的结构由
<html><head></head><body></body></html>组成,还学会了ctrl+S可以保存,这个我一直都不知道,还学会了一些body标记常见的属性,注释可以在旁边解释,但是我很懒估计也没机会写,不过老师说一个好的程序员要多写注释,以后会注意写注释给自己看。
第二天回顾了前一天的知识点,新的知识点有跑马灯标记,还有计算机进制转换,说到计算机进制转换我就彻底蒙蔽了,老师讲的都听不懂,好在还有神器计算器的帮助,否则我就跪了。老师还讲到了计算机编码,最早的编码是ASCII,不过ASCII只能满足英语的国家,所以为了让个国都能用编码,扩展了ASCII编码就有了ANSI编码,然后中国的编码有GB2312编码和GBK编码,还有unicode编码,它有全球的字体,还有最常用的UTF-8编码。
Head标记里有title标记,它可以改写网络文档的标题
Meta标记<meta http-equiv="Content-Type" content="text/html;charset=字符编码 ">可以改变编码
如何去解决乱码问题?
1、 编辑器的编码环境要与代码里面的内容是一致
2、 要告诉浏览器使用编辑器的编码环境来解析当前的HTML文件 。
<meta http-equiv=”refresh” content=” 每隔指定的时间就刷新一下当前的网页” >
<meta http-equiv=”refresh” content=” 每隔指定的时间就刷新一下当前的网页,要跳转的网页地址” >
用于实现SEO优化
xhtml<单边标记名 />单边标记要关闭
<hr noshade=”noshade” />没有属性的属性等于自己
它要求标记之间的嵌套必须是用顺序嵌套
它要求在XHTML文档前面要有DTD的定义
DTD类型:只用过滤性和框架性(里面body换位frameset)
超级链接<a href=”绝对路径/相对路径”></a>
锚点链接第一步<a name=”锚点名”></a>或者<a id=”锚点名”></a>
第二部<a href=”#锚点名”>回到定点</a>(作用:可以回到你设置的那部分)
Img /图片标记
跑马灯标记
<marquee></marquee>
direction:滚动的方向 取值:left(默认值)|right|up|down
behavior:滚动的方式 取值:scroll(滚动 默认值) | slide(滑动 只滚动一次) | alternate(弹动 )
width:设置宽度 height:设置高度 bgColor:设置背景颜色 scrollAmount:一步走多远 值越大代表速度越快
第三天:表格(回过头来看当初学这个一点用都没有,表格现在都不用了)
图像热点:给一张图片增加多个超级链接 给一张图片设置一个超级链接<a href=”#”><img src=”图片”/></a>
<img src=”图片的地址” usemap=”#名称”> <map name=”它要和img标记里面的usemap的属性值一样”> <area shape coords=”” href=”” title=”当鼠标放上图片上面时显示的文字”/>
<area /> <area /> </map>
shape:表示区域里面的形状 取值:rect(矩形)、circle(圆形)、poly(多边形)
coords:坐标值 如果形状设置为 rect(矩形)时 那么坐标值应该有4个:x1,y1,x2,y2, 如果形状设置为 circle(圆形)时 那么坐标值应该有3个:x1,y1,r 如果形状设置为 poly(多边形)时 那么坐标值应该有根据多少边来决定
多媒体标记:
<embed /> 它在html5里才能用常见的属性:
src:要引入的源文件地址;width:设置宽度;height:设置高度
表单:主要用来收集客户的信息才会用到<form></form> form常见属性action:表单的数据的处理程序; 将表单的数据交给“谁”来进行处理;如果说没有填写action这个属性那么则表示提交给当前的页面来进行处理;如果有写则表示交给指定的程序来进行处理 method: 表单数据的提交方式 取值:GET|POST;
表单控件:单行文本框:<input type="text" name="名称" value="值" size="长度"> 单行密码框:<input type="password" name="名称" value="值" size="长度"> 单选按钮:<input type="radio" name="名称“ value="值" >一组单选按钮要实现只能选择一个 只需要将这一组单选按钮 name属性值要一样; 多选按钮:<input type="checkbox" name="名称" value="值" > 提交按钮:<input type="submit" name="名称" value="值"> 多选按钮和提交按钮的name推荐不要写;
第四天
一个框架网页它是由框架集(frameset)和框架页(frame)来组成, 框架网页里面有多少个小窗口 就要有多少个frame这个标记 rows=”数值“将窗口分割为上下型,lows =”数值“讲窗口分割为左右型
html5新增的三个表单属性
required:必填属性 placeholder:默认显示内容 autofocus:自动获取焦点
css的选择器用的多的是类选择器和标签选择器,
第五天:伪类选择器
它主要是用来给超级链接的不同状态来设置样式
正常状态——————:link{格式声明语句;} 访问过后的状态————:visited{格式声明语句;} 鼠标放上状态————:hover{格式声明语句;} 激活状态————:active{格式声明语句;}
注意:伪类选择器它是有顺序的 这里顺序要遵守:爱恨准则 先要有爱 才有恨 “Love hate”
第六天:1
display:inline将块状元素转换为行内元素 display:block将行内元素转换为块状元素