本文主要是介绍前段结课总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一.HTML基础
1.标记的类型:单个标记和成对标记,单个标记例如<br />用来设置换行操作<hr />用来设置分割线的属性<link />用来进行连接外部的文件,例如HTML文档的CSS样式设置可以放在新建的CSS文件类型里面,通过这个标记可以找到对应的CSS文档,前提是link标签里面的href属性值应该和CSS的文件名称一样
2.HTML属性:align="center"表示居中显示,前面是属性,后面是属性值,2者适用赋值号链接
3.元信息meta标记:这个标记用来描述文档的属性,是单个标记,不会直接显示在浏览器的页面上。
二.格式化文本和段落
1.h1-h6的标题字,h1最大 用来添加空格
2.文本修饰标记b表示定义粗体字,sub定义下标,例如数学里面的x1,x2,sup定义上标,数学里面的x的平方的书写,font是字体的标记,p是段落标记,是双标记,而且是一个块级标记,里面不能含有其他的标记,<blockquoto>是段落缩进标记,向右缩进5个英文字符。
3.版权标记,在我们进行网页制作的时候,经常会在页脚的部分显示xxx版权所有,在html里面是使用Copyright©实现这个功能
三.列表
1.有序列表,无序列表,以及自定义列表,还有嵌套的列表,ordered list是有序列表,<ol></ol>表示,unordered list是无序列表,使用ul表示,他们都是借助li插入列表的项目,<ol type="" value="">是tyep表示有序的编号,start表示从哪一个开始,如果start=“5”,type=“A”,就会从E开始进行编号;定义列表就是definition list简称di,定义列表里面的标题使用<dt>表示,列表元素的内容是<dd>标记表示,一个dt标记可以有多个dd标记组成;有序列表和无序列表里面的type属性的值不同,无序列表表示实心圆形,空心圆形和实心正方形,有序列表是编号的类型,有罗马数字,大小写字母。
四.超链接和浮动框架
1.<a href="" name="" title="" target="">href是连接指向的目标文件,target是打开的目标窗口,_self是在当前的页面打开,_blank是在新的窗口打开。
2.创建页面的书签连接,使用name属性定义书签连接<a href="#fl">点击这个超链接,就会找到和他的href属性值相同的name值页面,实现了2者的跳转功能<a name="fl">
3.浮动框架:<iframe name="leftiframe">表示左边进行浮动, <iframe name="leftiframe">表示右边浮动,这个标签是一个双标签,需要有结束的半个部分。
五.图像和多媒体
(1)插入图片,<img src="" />还可以设置alt属性,这个属性的作用就是当我们使用的图片加载失败的时候,就会显示alt属性里面的文字(2)添加滚动文字,使用<marquee></marquee>里面可以加上direction属性设置滚动的方向,behavior属性设置scroll是循环滚动,slide是滚动一次就会停止,alternate是交替进行滚动,其中的循环滚动是默认值,默认情况下,滚动文字会不停地进行,通过设置loop属性就可以设置滚动文字的次数,-1表示无限循环(3)embed标记可以插入视频,音频,图像信息
六.CSS基础
(1)CSS文件是文本文件,CSS里面可以设置复合属性,例如字体,css的注释/*开始,*/结束
(2)css选择器:id选择器,这个是有#和id名称组成的,我们在body里面定义id属性,在head的style里面进行设计,类选择器,使用.名字进行设置,body写的是class="",伪类选择器,hover设置鼠标悬停的样式,link设置没有被访问的时候的样式
(3)css的定义和引用就是css可以写在hyml的style里面,也可以单独新建文件夹,写在里面的时候就是内部样式表,单独新建的话就是外部样式表,但是外部的样式表需要设置对应的href属性,以便于进行引用,而且设置的href是行之要求和新建的css文件名字一样,css里面的继承就是优先级的问题,行内样式高于id样式,高于class样式,高于标记样式
七.DIV布局
(1)div====division的缩写,有分区的意思,里面的style用来设置图层的定位方式,static是默认的定位方式,z-index设置图层的层叠,z-index的数值越大,该图层就在最上面
(2)span标记,soan标记是行内的标记,div是块级标记,div里面可以包含span标记,但是span不可以包含div标记,
八.css样式设置
(1)text-indent表示首行缩进,letter-spacing,line-height分别表示默认间距和默认行高
(2)这个里面的重点是css盒子模型,有margin,padding,border,content等诸多概念margin的4个数值分别对应上右下左,2歌的时候表示前者是上下,后者是左右,3个值表示上,左右,下的边距大小,还有border-color,border-style属性
九.表格和表单
(1)表头,表体,表尾组成,table---caption表示标题-----tr表示行----td表示列--------th表示表头
(2)表格的属性设置,frame规定外侧的边框那个部分是可见的,rules规定内侧的边框那个部分是可见的,frame属性里面hsides显示上下边框,vsides显示左右边框,cellspacing改变单元格之间的间隔,cellpadding表示单元格内容和边框之间的距离,,
(3)使用rowspan colspan实现跨行和跨列
(4)表格式form标签,type属性设置可以输入不同类型的数据,text表示单行文本输入框,radio表示按钮,password表示密码框,checkbox表示复选框,button是普通的按钮,submit表示提交按钮,一个单选按钮只能选择一个值,因此应该设置为name属性值一样,value的属性值不一样,加上checked表示预先选定单选框,
(5)fieldset用来定义域,legend用来定义域标题,对于宽度的设置,域里面是width:300px;表格里面是width="300px",这是细节
(6)对于表单而言,设置type属性为submit,reset可分别定义提交按钮和重置按钮
(7)表单里面还有一类叫做下拉列表框,这个通常是由select,optgroup,option同时实现的,selected用来设置默认的预订选项,size属性只是显示下拉列表里面可见选项的个数,,multiple表示这个下拉列表支持多选,
(8)多行文本输入框,我们一般的输入用户名和号码都是单行的,如果要是评论,或者是意见就需要多行,如何在HTML里面实现多行的文本输入呢,这个时候就有了textarea标记,这个标记也是一个双标记,我们可以设置rows,cols来限制输入框的大小,placeholder用来显示文字提示信息,同时我们也可以加上maxlength设置文本框里面的内容的最大字符数
十.javascript事件分析
(1)鼠标事件,键盘事件。等等诸多类型
(2)事件句柄就是事件处理函数,事件句柄的命名原则就是在事件名称的前面加上on,提交和重置事件里面return ture+同一目录下面有对应的action就会实现跳转,return false就不会实现跳转。
十一.DOM简介
(1)document对象是javascript里面最常见的对象,DOM就是为了统一document的扩展规范才出现的,
(2)getElementByld()方法访问节点,还可以通过元素的名字getElementsByName()方法,标记的名字getElementsByTagName()方法进行节点的访问
这篇关于前段结课总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!