文档详情

Web前端开发（HTML5+CSS3+JavaScript）课件第2章格式化文本和段落.pptx

发布：2024-12-13约小于1千字共11页下载文档

文本预览下载声明

Web前端基础技术;;1.特殊符号;尊敬的领导：br/

nbsp;nbsp;nbsp;nbsp;您好！

;2.格式化文本标记;示例：实现如下的文本效果;练习：请在页面上输出以下的效果：;2.2字体效果标记font：修饰任意所选择文本的字体、颜色和大小。;示例：格式化文本标记应用;素材和要求：

荣耀畅玩20(6号，蓝色，加粗)5000mAh超大电池续航6.5英寸大屏莱茵护眼4GB+64GB全网通幻夜黑

当前价：￥2999（红色，4号，下划线），

原价￥4999（2号，灰色，删除线）;本章目标：

掌握特殊字符输出：空格、大于、小于、，注册和版权符号。

掌握简单文本格式：粗体、斜体、下划线、删除线、上标下标等的用法；

字体font样式属性

显示全部

相似文档

Web前端开发（HTML5+CSS3+JavaScript）课件第5章盒子模型与文本格式.pptx Web前端基础技术;;一盒子模型;元素的width和height属性;（1）独立设置 margin-top:上外边距px；margin-right:右外边距px；margin-bottom：下外边距px；margin-left:左外边距px;1.段落：宽度为300px，高度为100px; 2.在1基础上，设置左、右内边距为100px； 3.在2基础上，设置左、右外边距为100px;;计算:宽度和高度是实际宽度和高度，包括边框，但不包括margin 如：width=400px,那么，width=border+padding+content=400px;n其前、后元素自动分行；例如段落前后的文本
2024-12-10 约3.08千字 42页立即下载
Web前端开发（HTML5+CSS3+JavaScript） 实验1 格式化文档 .docx PAGE2/NUMPAGES6 XXX学院实验报告成绩专业班级实验日期姓名学号实验名称 格式化文档指导教师（报告内容包括实验目的、实验设备及器材、实验步骤、程序框图、代码、运行结果、实验小结等）实验要求按给出的素材，实现图1.1所示的效果，具体要求如下：标题：使用标题3，文本居中； 段落文本：颜色使用#999，文本居中； 段落文本：其中,“2023”为粗体，6号大小；“1158万”为红色、6号，其中“万”字为上标；图片和段落：文字环绕图片；单击图片在新窗口打开图片,鼠标悬停在图片时，显示提示信息：“在新窗口打开图片”；段落中所有括号内的文本使用红色，其他文本颜色为#6
2024-12-11 约小于1千字 3页立即下载
Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版）课件 5.2.3技能点1：段落文本缩进设置.pptx 段落文本缩进设置信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》 段落文本缩进设置前端技术开发01制作《三国演义》第一回任务目标 段落文本缩进设置前端技术开发011制作网页元素h1《三国演义》/h1h2第一回nbsp;宴桃园豪杰三结义nbsp;斩黄巾英雄首立功/h2pclass=one诗曰：/ppclass=poem滚滚长江东逝水，浪花淘尽英雄。/ppclass=poem是非成败转头空。/ppclass=poem青山依旧在，几度夕阳红。/ppclass=poem白发渔樵江渚上，惯看秋月春风。/ppclass=poem一壶浊酒喜
2025-05-25 约3.21千字 8页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第8章 CSS3新特性.pptx Web前端基础技术;;CSS3基础应用;b.边框圆角：border-radius:toprightbottomleft；;示例边框阴影与圆角---卡片式商品列表;style *{ box-sizing:border-box; } .container{ width:800px; /*border:1pxsolidred;*/ /*水平排列，可分行显示*/ display:flex; flex-wrap:wrap; };2.CSS3基础应用---样式属性;divclass=container divclass=div1仍占据位置，浮动出来，不影响后续元素布局/div /div;2.平面2D旋转：
2024-12-12 约1.01千字 23页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第9章 JavaScript基础(2).pptx Web前端基础技术;;五、程序结构：类似C和Java;If(条件表达式)｛语句体;｝/*如果语句体仅有一条语句，大括号可以省略*/;if(条件表达式){语句体1；} else{语句体2;};varnum1=prompt(输入数1) varnum2=prompt(输入数2) //按“确定”按钮但没有输入，或者按了取消按钮 if(!num1||!num2){//没有输入，或者取消 alert(取消计算) } else{//有输入 if(isNaN(num1)||isNaN(num2)){ alert(存在非数字，不能计算) } else{ //必须转换为数字才能相加 num1=Number(num
2024-12-12 约2.99千字 21页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第9章 JavaScript基础(1).pptx Web前端基础技术;;1.JavaScript概述;1;3;;二、.数据类型;使用单引号或双引号括起来任何字符序列，如：我在学习JavaScript 我在学习JavaScript;1.未声明的变量，或者未赋值的变量； 2.对象中不存在的属性;?varbook={ ??id:1, ??bookName:三国演义, ??price:12.8, ?}; console.log(book) console.log(book.id,book.bookName,book.price);定义函数的目的是为了共享代码，实现代码复用，其类型名为Function。定义函数的语法为：;数组是特殊的对象，可以使用
2024-12-11 约4千字 29页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件汇总第1--5章 WEB前端开发概述 ---盒子模型与文本格式.pdf 二; Web前端基础技术第1章Web前端开发概述 ♦课程内容、目标和学习方法录♦什么是Web前端开发 ｀♦Web工作过程 ♦基本概念 ♦Web前端开发相关技术 ♦开发工具 0．课程内容、目标和学习方法：HTMLSCSS3Java 内容ScriptWeb前端开发基础目标：使用HS+CSS3+JS构建合理布局、具有交互功能的前端页面。方法：内容教程＋上课内容＋资源扩展一·（心 ,lll·--.- = -. ＝请投给你喜欢的作品了＝矗- ． 001 口 .、j＿JU宜嘈晶冒=002顷i口 Note9 ·--．
2025-02-13 约45.48万字 436页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件汇总严健武第1--5章 WEB前端开发概述 ---盒子模型与文本格式.pptx Web前端基础技术;;内容：HTML5CSS3JavaScript---Web前端开发基础目标：使用H5+CSS3+JS构建合理布局、具有交互功能的前端页面。方法：教程内容+上课内容+实践/模仿+资源扩展;1.Web前端开发;2.Web工作过程;3.基本概念;;4.Web前端开发相关技术;4.Web前端开发相关技术;4.Web前端开发相关技术;4.Web前端开发相关技术;5.Web前端开发工具;汉化VSCode：安装插件;创建Web页面;编辑Web页面，并打开;练一练;1.HTML文档是由[标记]构成的[文本]文件;本章目标： 1.了解本课程学习内容：H5+CSS3+JS，各自任务角色 2
2024-12-15 约4万字 436页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第6章 6.2-浮动.pptx Web前端基础技术CSSJSHTML第6章浮动 Contents目录浮动一、浮动浮动是指元素脱离原来的位置，在原来位置上“浮动”出来，不再占据父元素的空间，并具有行内块特征（不换行、可改变大小）。类似绝对定位元素，区别在仅浮动的元素不能直接改变其位置。目的：使多个浮动元素水平排列。应用：水平导航菜单；浮动列布局用法：float:left左浮动，多个浮动元素逐个从左到右紧密排列。float:right右浮动，多个浮动元素逐个从右到左紧密排列取值为none取消浮动。特性：1.浮动元素不再占据父元素空间，父元素高度为0；具有行内块特征（不换行，超过容器宽度才折行；大小默认由内容决定，可以改变宽度、
2024-12-12 约3.51千字 10页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第7章弹性布局.pptx Web前端基础技术;;弹性(Flex)布局：一种新的实现行、列布局的方式，也是当前WEB主流的布局方式。;;概念：默认情况下（不设置容器其他属性），任何一个容器包含两根轴（3）主轴：水平方向的横轴，项从左到右排列；（4）交叉轴：垂直方向的纵轴；（5）主轴起点：左侧；终点：右侧。（6）交叉轴起点：顶端；终点：底端。;二容器属性：指示容器中的项如何排列，如何对齐，是否分行;2.flex-wrap：项是否换行。;示例：一个弹性容器div，宽度400px，可换行，包含一组链接（padding:10px20px） ;3.justify-content：项在每根主轴上的对齐方式，通过设置宽度来观察
2024-12-13 约2.63千字 23页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第6章 6.1-定位.pptx Web前端基础技术;;;位置属性position： A)relative：相对原来的位置，偏离左或右(left|right之一）、上或下（top|bottom之一）位置，一般通过改变左上角（lefttop）来改变其位置。;例1：理解相对位置的特性;B).absolute：相对具有非默认位置的父元素进行定位；脱离了原来的位置，不再占用原来位置（空间），宽度高度默认由内容决定（行内块元素特征）。;（2）定位属性;例2：理解绝对位置的特性;*{ box-sizing:border-box; } .container{ width:200px; border:10pxsolidred; /*参考定位容
2024-12-11 约3.25千字 24页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第2章 HTML基础.pptx Web前端基础技术;;1.基本结构;1.head-头部;1.2meta标记:网页文档属性;;1.2meta标记:示例2-如何解析执行（了解）;1.3链接link标记:示例3-一些效果;2.body-主体;4.1文字标题h1-h6;4.2段落p/p;4.3换行br/;4.4横线hr/;5标记属性：设置HTML的基本效果;5标记属性，要求：记住列出的基本属性;属性名：align，表示段落文本的对齐方式取值：left、right、center和justify，分别代表文本在段落中左对齐、右对齐、居中对齐和两端对齐。;两端对齐效果。palign=“justify”段落内容-拉伸为满行/p;5.2水平
2024-12-15 约1.3千字 32页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第11章 BOM.pptx Web前端基础技术;;BOM;11.2Location对象;location对象主要方法包括： ?reload（）：重新加载当前页面，相当于页面刷新。 ?repace（URL）：重定向到指定的页面，例如replace(index.html)。 replace方法和href属性都可以实现页面的重定向。两者的区别在于，使用replace方法后，无法使用浏览器的回退按钮返回上一页，而使用href属性则可以。 ?assign（URL）：重定向到指定页面。使用该方法后，可以使用浏览器的回退按钮返回上一页，与使用href属性的作用相同。;11.4history对象（了解）;11.6浏览器事件对象Event
2024-12-10 约小于1千字 15页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第10章 DOM(2).pptx Web前端基础技术;;HTMLDOM是HTMLDocumentObjectModel(文档对象模型)的缩写，是HTML的标准对象模型和编程接口。;编程思路：获取对象的属性；设置对象的属性；调用对象的方法。;二、事件;三、对象查询方法;四、事件处理方式（响应操作）：1）内联方式；2）属性方式；3）方法方式;script //自定义弹出对话框函数 functionmyAlert(){ alert(你好！JS!) } //方法2：查询对象，使用属性方式关联事件 varbt2=document.getElementById(bt2) //bt2对象触发click事件时，调用函数 bt2.onclick
2024-12-12 约3.49千字 37页立即下载
Web前端开发（HTML5+CSS3+JavaScript）课件第10章 DOM(1).pptx Web前端基础技术;;HTMLDOM是HTMLDocumentObjectModel(文档对象模型)的缩写，是HTML的标准对象模型和编程接口。;编程思路：获取对象的属性；设置对象的属性；调用对象的方法。;二、事件;三、对象查询方法;四、事件处理方式：1）内联方式；2）属性方式；3）方法方式;script //自定义弹出对话框函数 functionmyAlert(){ alert(你好！JS!) } //方法2：查询对象，使用属性方式关联事件 varbt2=document.getElementById(bt2) //bt2对象触发click事件时，调用函数 bt2.onclick=myAle
2024-12-10 约3.49千字 37页立即下载

Web前端开发（HTML5+CSS3+JavaScript） 课件 第2章 格式化文本和段落.pptx

Web前端开发（HTML5+CSS3+JavaScript）课件第2章格式化文本和段落.pptx