web前端第二天作业

最新推荐文章于 2024-09-23 16:36:59 发布
最新推荐文章于 2024-09-23 16:36:59 发布
阅读量36 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zztmdzz/article/details/131871027
版权

1

<!DOCTYPE html>

<html>

<head>

    <title>Pseudo-class Selector Practice</title>

    <link rel="stylesheet" href="styles.css">

    <style>

        ul li a{

            color: blue;

        }

        ul li a:hover{

            color: red;

        }

        ul li a:active{

            color:darkolivegreen;

        }

        ul li:nth-child(1) a{

            color: blueviolet;

        }

    </style>

</head>

<body>

    <h1>Welcome to Pseudo-class Selector Practice</h1>

    <ul>

        <li><a href="#">Link 1</a></li>

        <li><a href="#">Link 2</a></li>

        <li><a href="#">Link 3</a></li>

        <li><a href="#">Link 4</a></li>

    </ul>

</body>

</html>

2

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <form action="#">

     <center>

            <h1>用户注册</h1>

        用户名：<input type="#">

        <p></p>

        密码： <input type="#">

        <p></p>

        性别：<input type="radio" name="r1" value="女">女

              <input type="radio" name="r1" value="男">男

        <p>

        </p>

        爱好：<input type="checkbox" name="a1" value="唱">唱

         <input type="checkbox" name="a1" value="跳">跳

        <input type="checkbox" name="a1" value="rap">rap

        <input type="checkbox" name="a1" value="r打篮球">打篮球

        <p></p>

        邮箱：<input type="#" name="eil" placeholder="请输入你的邮箱">

        <p></p>

        用户头像

        <input type="file" name="wenjian" id="">

        <p></p>

        家庭住址<select name="xiala" id="dizhi"></select>

        <p></p>

        收货地址<select name="" id="shohuo" multiple>

            <option value="广州">广州</option>

            <option value="深圳">深圳</option>

            <option value="重庆">重庆</option>

            <option value="南京">南京</option>

        </select>

        建议和意见<input type="text" placeholder="你的意见和建议">

        <p></p>

        选择你喜欢的颜色 <input type="color" name="" id="">

        注册时间<input type="date" name="" id="">

       

     </center>

    </form>

   

</body>

</html>

3

<!DOCTYPE html>

<html>

<head>

    <title>CSS选择器练习题</title>

    <link rel="stylesheet" href="./13-外部样式.css">

</head>

    <style>

        div li:nth-child(1){

            background-color: brown;

        }

        div li:nth-child(3){

            background-color:darkgreen;

        }

        .text{

            background-color:aqua;

        }

        div div:nth-child(1){

            background-color:mediumseagreen

        }

    </style>

</head>

<body>

    <div class="container">

        <h1>主标题</h1>

        <ul class="list">

            <li>项目1</li>

            <li>项目2</li>

            <li>项目3</li>

        </ul>

        <p class="text">这是一个段落。</p>

        <div class="box">盒子1</div>

        <div class="box">盒子2</div>

    </div>

    <p class="text">另一个在容器外的段落。</p>

</body>

</html>

<!-- 用外部样式 -->

<!-- 选取主标题（<h1>）将颜色改成粉色。

    选取所有列表项（<li>）。

        选取第一个列表项。背景颜色改为红

        选取最后一个列表项。背景颜色改为绿

        选取容器内带有"class"为"text"的段落。

        选取容器内的第一个盒子。

        选取所有带有"class"为"text"的元素（无论其在容器内还是容器外）。 -->

<!-- 2、整理css选择器的一篇博客，将代码附带上

3、表单练习

-->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

</html>

zztmdzz
关注
Web前端第一次作业
Fantasy543210的博客
07-08 924
这个家伙什么也没留下
web前端第三天作业
qq_50589028的博客
11-14 2628
img标签 ⽬前在⽹⻚中使⽤的图⽚主要有 GIF、JPG、PNG、BMP 格式，但以 GIF、PNG 和 JPG 使⽤居多。GIF ⽀持动画和背景透明，同时图⽚通常⽐较⼩，但仅⽀持 256 ⾊以内的图像，因此⾊彩不够丰富。JPEG ⽀持 1670 万种颜⾊，但不⽀持动画和背景透明。当想要背景透明的时候，⼀般会使⽤PNG格式的图⽚，所以我们可以根据两者的优缺点来选择图像的格式。 alt：当图⽚⽆法正常显示时，显示的⽂本内容 title：当⿏标悬停在图⽚上会弹出的⽂字提示，如果alt本身没有赋值
web前端html期末大作业实例 (1500套)
热门推荐
HTML网页设计
10-03 9万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 1万+
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
Web前端大作业—个人网页(html+css+javascript)
weixin_61370021的博客
06-28 5万+
Web前端大作业—个人网页(html+css+javascript) 页面美观，有轮播相册，个人收藏，个人日志，天气查询，微电影页面多个页面。
web第二天作业
x_SpiderMan的博客
07-22 58
外部练习表单练习。
web前端期末大作业实例 (1500套) 集合
有问必答，欢迎打扰，项目开发，网页设计
11-08 3万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
【web前端作业】
qq_56724164的博客
10-26 525
Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。
WEB前端第一天
m0_66993332的博客
10-25 1581
web前端
web第五天作业
myrouya的博客
07-11 50
作业
web前端期末大作业 html+css+javascript汽车介绍网页设计实例 企业网站制作（带报告3490字）
专注于dreamweaver网页设计制作
08-11 205
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🚗汽车网站、🚘汽车介绍、🚍汽车官网、汽车租赁、企业网页 、等网站的设计与制作。🏷️ 此作品为学生汽车网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常......
web前端设计与开发期末作品_期末大作业-疫情
qq_524614081的博客
11-27 403
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，击疫情致敬逆行者感人类题材 | 致敬逆行者网页设计作品 | 大学生抗疫感动专题网页设计作业模板 | 等网站的设计与制作 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
web前端期末大作业 ——电影主题介绍 你好，李焕英 ——html+css+javascript网页设计实例
qq_3200628753的博客
08-09 2151
1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。......
【web前端期末大作业】html在线网上书店 基于html制作我的书屋(23页面)
QQ_____365392777的博客
08-08 2165
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语......
文件系统设计 - 开发文件系统 Store (上篇)
qq_44746132的博客
09-21 573
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
webview2加载本地页面
qq_25160759的博客
09-23 571
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
WebGL复杂几何体与模型加载
天涯学馆
09-23 384
在WebGL中，复杂几何体的创建通常涉及多个顶点和面片，而模型加载则涉及到导入外部文件格式，如OBJ、GLTF或FBX。在WebGL中，可以通过设置不同类型的灯光来改变3D场景的光照效果。在WebGL中，可以通过增加更多的灯光uniforms并在片段着色器中计算它们的组合效果来实现多光源。除了基本的漫射和镜面高光，还可以添加软边缘高光、环境光遮蔽（Ambient Occlusion）和全局光照等效果，以增强光照的真实感。GLTF是一种现代的3D模型格式，包含了模型的几何体、材质、纹理和动画。
apply、call和bind的作用和区别
最新发布
欢迎来到我的博客！我是一名全栈开发工程师，主攻前端开发。希望通过我的博客，能够与大家共同学习和成长。感谢您的关注和支持！
09-23 672
javascript中，apply、call和bind的作用和区别介绍。
简单web前端开发技术大作业
12-11
通过这个作业，我对web前端开发有了更深入的理解和实践，提高了我的编码能力和设计水平。 在项目开始之前，我首先进行了相关技术的学习和调研，了解了HTML5、CSS3和JavaScript的基本语法和用法，同时学习了一些常用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值