前段结课总结

2024-03-07 20:20
文章标签 总结 前段 结课

本文主要是介绍前段结课总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一.HTML基础
1.标记的类型:单个标记和成对标记,单个标记例如<br />用来设置换行操作<hr />用来设置分割线的属性<link />用来进行连接外部的文件,例如HTML文档的CSS样式设置可以放在新建的CSS文件类型里面,通过这个标记可以找到对应的CSS文档,前提是link标签里面的href属性值应该和CSS的文件名称一样
2.HTML属性:align="center"表示居中显示,前面是属性,后面是属性值,2者适用赋值号链接
3.元信息meta标记:这个标记用来描述文档的属性,是单个标记,不会直接显示在浏览器的页面上。


二.格式化文本和段落
1.h1-h6的标题字,h1最大&nbsp;用来添加空格
2.文本修饰标记b表示定义粗体字,sub定义下标,例如数学里面的x1,x2,sup定义上标,数学里面的x的平方的书写,font是字体的标记,p是段落标记,是双标记,而且是一个块级标记,里面不能含有其他的标记,<blockquoto>是段落缩进标记,向右缩进5个英文字符。
3.版权标记,在我们进行网页制作的时候,经常会在页脚的部分显示xxx版权所有,在html里面是使用Copyright&copy实现这个功能


三.列表
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()方法进行节点的访问

这篇关于前段结课总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/784707

相关文章

SQL中JOIN操作的条件使用总结与实践

《SQL中JOIN操作的条件使用总结与实践》在SQL查询中,JOIN操作是多表关联的核心工具,本文将从原理,场景和最佳实践三个方面总结JOIN条件的使用规则,希望可以帮助开发者精准控制查询逻辑... 目录一、ON与WHERE的本质区别二、场景化条件使用规则三、最佳实践建议1.优先使用ON条件2.WHERE用

Nginx Location映射规则总结归纳与最佳实践

《NginxLocation映射规则总结归纳与最佳实践》Nginx的location指令是配置请求路由的核心机制,其匹配规则直接影响请求的处理流程,下面给大家介绍NginxLocation映射规则... 目录一、Location匹配规则与优先级1. 匹配模式2. 优先级顺序3. 匹配示例二、Proxy_pa

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

MySQL基本查询示例总结

《MySQL基本查询示例总结》:本文主要介绍MySQL基本查询示例总结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Create插入替换Retrieve(读取)select(确定列)where条件(确定行)null查询order by语句li

Linux区分SSD和机械硬盘的方法总结

《Linux区分SSD和机械硬盘的方法总结》在Linux系统管理中,了解存储设备的类型和特性是至关重要的,不同的存储介质(如固态硬盘SSD和机械硬盘HDD)在性能、可靠性和适用场景上有着显著差异,本文... 目录一、lsblk 命令简介基本用法二、识别磁盘类型的关键参数:ROTA查询 ROTA 参数ROTA

Qt实现网络数据解析的方法总结

《Qt实现网络数据解析的方法总结》在Qt中解析网络数据通常涉及接收原始字节流,并将其转换为有意义的应用层数据,这篇文章为大家介绍了详细步骤和示例,感兴趣的小伙伴可以了解下... 目录1. 网络数据接收2. 缓冲区管理(处理粘包/拆包)3. 常见数据格式解析3.1 jsON解析3.2 XML解析3.3 自定义

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)

Windows Docker端口占用错误及解决方案总结

《WindowsDocker端口占用错误及解决方案总结》在Windows环境下使用Docker容器时,端口占用错误是开发和运维中常见且棘手的问题,本文将深入剖析该问题的成因,介绍如何通过查看端口分配... 目录引言Windows docker 端口占用错误及解决方案汇总端口冲突形成原因解析诊断当前端口情况解

java常见报错及解决方案总结

《java常见报错及解决方案总结》:本文主要介绍Java编程中常见错误类型及示例,包括语法错误、空指针异常、数组下标越界、类型转换异常、文件未找到异常、除以零异常、非法线程操作异常、方法未定义异常... 目录1. 语法错误 (Syntax Errors)示例 1:解决方案:2. 空指针异常 (NullPoi

Java反转字符串的五种方法总结

《Java反转字符串的五种方法总结》:本文主要介绍五种在Java中反转字符串的方法,包括使用StringBuilder的reverse()方法、字符数组、自定义StringBuilder方法、直接... 目录前言方法一:使用StringBuilder的reverse()方法方法二:使用字符数组方法三:使用自