HTML
文章平均质量分 69
网页设计与开发
秃头小二
分享编程学习过程,与君共勉!
展开
-
【简答网页】【网页进阶】【网页设计与网站开发HTML、CSS、JavaScript】【第 8 章】网页基础与工具使用1——实验作业
1、编写HTML代码(1)、打开Dreamweaver,新建一个HTML默认文档(快捷键:Ctrl+Shift+N),切换到“代码”视图,这时在文档窗口中会出现Dreamweaver自带的代码,如图1所示。图1 新建HTML文档代码视图窗口(2)、在代码的第5行,与标记之间,输入HTML文档的标题,这里将其设置为“我的第一个网页”。(3...原创 2022-06-19 11:24:48 · 1268 阅读 · 0 评论 -
【网页标题设置】【城东早春】【制作电影宣传效果】【特殊字符】【唐诗欣赏】【网页设计与网站开发HTML、CSS、JavaScript】【第 8 章】网页基础与工具使用2——实验题1-6
网页设计选修课平时作业实验题本案例通过给标记添加属性,来实现丰富的文本效果如图所示,存储文件名为:ex2-2。在网页中,有时需要为文字设置粗体、斜体或下划线效果,为此HTML准备了专门的文本格式化标记。本案例通过使用文本格式化标记输出特殊格式的文本,存储文件名为:ex2-3。本案例通过文本和图像样式制作一个电影宣传的展示效果特殊字符的使用。网页另存为:ex2-5。综合训练,网页另存为ex2-6。......原创 2022-06-17 13:51:29 · 836 阅读 · 0 评论 -
【Google】【内部样式表】【外部样式表:听力地点方向题】【设置字体间距】【多类、子元素选择器】【网页设计与网站开发HTML、CSS、JavaScript】【第 8 章】CSS基础——实验题1-6
基于以下html代码,利用CSS完成如下效果。 使用内部样式表(内嵌式)方法完成如下图所示的HTML文档。使用链入外部样式表方法完成如下图所示的HTML文档。设置CSS文本外观属性,要求:综合使用标记选择器利用多类选择器,编写CSS样式完成下图效果。【提醒:定义两个类firstTilte,titleBgcolor】利用子元素选择器,编写CSS样式完成下图效果。...原创 2022-06-16 19:26:46 · 1267 阅读 · 0 评论 -
HTML文档【创建链接】【练习锚点】【网页设计与网站开发HTML、CSS、JavaScript】【第 5 章】列表——实验作业题【实验4、5】
新建一个test4.html页面,完成如下图所示的HTML文档,练习超链接。提示:1)新浪,http://www.sina.com.cn" 标题是:"打开新浪首页" >2)百度,百度一下,你就知道新窗口打开3)北 京 大 学,原窗口打开 北京大学"4)图片:www.baidu.com"新窗口打开5)文件下载,数据结构--C...原创 2022-06-14 13:57:23 · 367 阅读 · 0 评论 -
【传智播客公司动态】【网页设计与网站开发HTML、CSS、JavaScript】【第四章】列表——实验作业题【实验3】
新建一个test3.html页面,完成如下图所示的HTML文档。提示:在实际网页制作过程中,为了更高效地控制列表项目符号,通常通过CSS将列表的list-style属性值定义为none,然后通过为设置背景图像的方式实现不同的列表项目符号。通过创建一个公司信息动态的案例做具体演示。(1) 案例效果如图所示。灵活的列表项目符号(2)具体实现步骤如下:为设置背景图像。......原创 2022-06-13 19:12:17 · 1116 阅读 · 0 评论 -
【传智播客二维码名片】【网页设计与网站开发HTML、CSS、JavaScript】【第四章】列表——实验作业题【实验2】
【名片内容:李刚-网页设计师-案例41个……】新建一个test2.html页面,完成如下图所示的HTML文档。(1) 案例结构分析如下图所示。下图所示的 “二维码名片”,由图片和文字两部分构成,文字部分是对二维码图片的描述和说明,因此可以通过定义列表实现该图文混排效果。其中标记中插入图片,标记中放入对图片解释说明的文字。(2)样式分析。实现效果图所示样式的思路如下: ...原创 2022-06-12 19:01:49 · 787 阅读 · 0 评论 -
【普通话考试通知】【网页设计与网站开发HTML、CSS、JavaScript】【第四章】列表——实验作业题【实验1】
新建一test1.html的页面,完成以下图示的HTML文档,熟悉有序列表和无序列表的使用。文字材料:普通话考试通知我院今年3月份的普通话水平测试开始接受报名,具体事项通知如下:报名报名时间:3月16—21 日,逾期不予受理。报名地点:所在院系办公室。报名费用:按物价局规定85元/人/次(含培训费用),报名时交齐。提交资料及注意事项:参加测试的学生须填写《普通话水平测试报名表》一份;填写准考证一份(编号不用填写),所填姓名和出生年月等须与身份证一致;提交小一寸彩色证件.........原创 2022-06-12 18:25:04 · 293 阅读 · 0 评论 -
【单选按钮区域实现三选一】【2018腾讯手游排行榜】【HTML表格标签】【网页设计与网站开发HTML、CSS、JavaScript】【第七章】表单——实验作业题【实验3、4、5】
打开“index-template-1.html”,另存为test3.html,完成如下图所示的HTML文档。单选按钮区域实现三选一。2018腾讯手游排行榜王者荣耀天龙八部HTML表格标签原创 2022-06-04 14:47:29 · 729 阅读 · 0 评论 -
【JavaScript编写计算工资小程序】【表格细边框设置】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验5】
新建页面test5.html,利用JavaScript编写如下效果的计算工资小程序。/*表格细边框设置【border="1"还是觉得粗,这么设置会变细】*/table{ border-collapse:collapse; border:none; } td{ border:solid #000 2px;/*如果想要更细可以改成1px*/ }...原创 2022-06-03 14:44:34 · 759 阅读 · 0 评论 -
【点一下切换灯泡点亮熄灭状态】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验4】
点一下切换灯泡点亮熄灭状态实验4、新建页面test4.html,编写脚本,改变HTML图像。原创 2022-06-02 12:48:19 · 394 阅读 · 0 评论 -
【通过for循环遍历元素的方法,打印100张QQ头像】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验3】
设置图片与图片之间的边距。新建页面test3.html,通过for循环遍历元素的方法,打印100张QQ头像,并以10行10列的方式排列。原创 2022-06-01 20:00:47 · 559 阅读 · 0 评论 -
【编写脚本,在浏览器中弹出警示对话框】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验1】
实验1、新建页面test1.html,编写脚本,在浏览器中弹出警示对话框。《网页设计与网站开发》实验题不定期更新,有需要可以点击链接:https://blog.csdn.net/weixin_60897770/category_11835918.html?spm=1001.2014.3001.5482原创 2022-05-31 19:19:09 · 865 阅读 · 0 评论 -
【渔夫逮到一条美人鱼却把它放了……】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第七章】表单——【传智播客】实验作业题【实验2】
实验21)新建html5页面,文件名为“test2.html”,利用HTML表单控件和CSS样式,完成如下图所示的HTML文档。2)结构分析:背景图片、复选框、list等综合运用注:图片文件需保存到根目录下 网页运行效果以Microsoft Edge为准,其他浏览器可能显示会出问题。代码如下:<!doctype html><html><head><meta charset="utf-8"><title>.原创 2022-05-24 21:51:57 · 772 阅读 · 0 评论 -
【传智播客学员档案】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第七章】表单——实验作业题【实验1】
实验1、1)新建html5页面,文件名为“test1.html”,利用HTML表单控件和CSS样式,完成如下图所示的HTML文档。【背景图片大小1024*863;div可以设置为1024*900】2)结构分析提示:1、提示性文本通过设置placeholder实现;边距的控制可以通过padding和margin控制。2、有关第一行“本人真实姓名”和“请填写实际年龄”的背景设定,参考例7-10中的.num等设定。3、p的背景色白色,边距等自行定义;...原创 2022-05-24 18:33:05 · 3453 阅读 · 15 评论