总结1~6天

来传智博客学习也有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将行内元素转换为块状元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

原文地址:https://www.cnblogs.com/huuangrui/p/5986483.html