自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 第十章任务

【代码】第十章任务。

2024-12-03 16:30:08 175

原创 第十章 JavaScript的应用

函数声明// 函数体,包含要执行的代码这种方式定义的函数也可以正常调用,和函数声明方式在功能上是类似的,但存在一些细微的区别,比如函数声明会被提升到作用域的顶部,而函数表达式不会。箭头函数(ES6+)这是一种更简洁的函数定义方式。如果函数体只有一条语句且是返回值,箭头函数可以省略花括号和return关键字。如果函数有多个参数,需要用括号括起来;如果只有一个参数,可以省略括号。// 无参数的箭头函数// 单个参数的箭头函数省略括号。

2024-12-03 16:26:48 762

原创 第九章任务

题一效果代码:题二效果代码

2024-12-03 15:45:31 202

原创 第九章 DIV+CSS布局

(division的缩写)是一个块级元素,用于组织和布局页面内容。<div>元素本身不带有具体的语义含义,它通常用作一个容器,以便通过CSS来应用样式。通过将<div>元素与其内容一起,可以创建页面的结构区块,如页眉、页脚、侧边栏、内容区域等。-- 这里是div的内容 --><title>Div标签示例</title>

2024-12-03 15:42:03 1627

原创 第八章作业

1. 利用CSS技术,结合链接和列表,设计并实现“山水之间”页面。2.利用CSS技术,结合链接和列表,设计并实现“茶韵”页面。

2024-11-16 16:19:59 124

原创 第八章 利用CSS制作导航菜单

导航对于一个网站来说,起到重要的引导作用。一个优秀的导航设计可以使网站结构清晰、有条理,让用户快速地找到所需,让用户清晰明了地了解到网站的结构框架,能起到重要的指引作用。导航栏是网站设计中必不可少的一个模块。常见的网站导航有顶部水平导航、侧边纵向导航和底部导航等,区别于传统的表格布局,直接利用CSS,结合链接元素和列表元素来制作导航菜单,将大大简化设计的流程。

2024-11-16 16:17:30 1713

原创 第七章作业

【代码】第七章作业。

2024-11-16 15:50:15 158

原创 第七章 利用CSS和多媒体美化页面

在前面的章节中,已经学习了超链接的简单知识。知道超链接是一种允许其他网页或站点之间进行连接的元素,各个网页链接在一起后,才能真正构成一个网站。但是默认的链接样式往往达不到设计者的要求,所以可以通过对超链接的CSS样式设置,来达到理想的视觉效果。

2024-11-16 15:46:43 688

原创 第六章任务

【代码】第六章任务。

2024-10-27 20:38:01 155

原创 第六章 元素应用CSS

在时,通常也会使用HTML对文本字体进行一些非常简单的样式设置,而使用Css对字体样式进行设置远比使用HTML灵活、精确得多。Css样式中有关字体样式的常用属性见表6-1。

2024-10-27 20:36:07 637

原创 第五章作业

【代码】第五章作业。

2024-10-12 21:25:18 120

原创 第五章 CSS盒模型

盒模型(Box Model)是CSS中用于描述和计算HTML元素布局的一个核心概念。它将每个元素想象成一个盒子,这个盒子由四个部分组成:内容(Content)、内边距(Padding)、边框(Border)和外边距(Margin)。内容是元素实际显示的文本或图片所在的区域,内边距是内容与其边框之间的空白区域,边框是环绕在内边距外侧的装饰性线条,外边距是元素与其他元素之间的空白区域。盒模型的总宽度和高度是由内容的宽度和高度加上左右内边距、左右边框以及上下外边距计算得出的。

2024-10-12 21:22:14 796

原创 第四章作业

【代码】第四章作业。

2024-10-06 22:25:24 193

原创 第四章 CSS样式基础

CSS是用于简化HTML标签,把关于样式部分的内容提取出来,进行单独地控制,使结构与样式分离式开发。

2024-10-06 22:23:12 836

原创 第三章作业

【代码】第三章作业。

2024-10-06 22:07:00 125

原创 第三章 表格布局与表单交互

域标题内容

2024-10-06 22:01:39 619

原创 第2章 网页制作的排版方法

1. 超链接的定义指从一个网页指向一个目标的联系关系,这个目标可以是另一个网页,也可以是相同网页的不同位置。2. 超链接的分类根据目标文件不同,分为页面超链接、锚点超链接、电子邮件超链接等根据单击对象不同,分为文字超链接、图像超链接、图像映射等。3. 路径(1)绝对路径:就是主页上的文件或目录在硬盘上真正的路径。(2)根目录相对路径:指从站点根文件夹到被链接文档经过的路径。(3)文档目录相对路径:它是相对于某个基准目录的路径,以当前文件所在的路径为起点,进行相对文件的查找。

2024-09-19 21:55:30 1851

原创 【无标题】

使用 HBuilder 编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果如图1-17所示。其中网页所有文字的颜色为blue,背景颜色为#99ffff;水平分割线粗细为5,颜色为#ff3333。

2024-09-14 09:22:53 220

原创 第一章 网页制作的基础知识

Web前端主要涉及网页的视觉呈现和用户交互部分。它是用户直接与网站或Web应用进行交互的界面。HTML是Hyper Text Markup Language的缩写,即超文本标记语言,是种用来制作趣文本文档的简单标记语言。

2024-09-13 09:38:35 852

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除