Day01-作业(HTMLCSS)

news2025/1/20 15:45:59

作业1:通过HTML的标签及CSS样式,完成如下企业简介html页面的制作。 【必做】


A. 最终效果如下:

B. 文字素材如下:

企业简介

传智教育(股票代码 003032),隶属江苏传智播客教育科技股份有限公司,注册资本4亿元,是第一个实现A股IPO的教育企业,公司致力于培养高精尖数字化人才,主要培养人工智能、python+大数据开发、智能制造、软件、互联网、区块链等数字化专业人才及数据分析、网络营销、新媒体等数字化应用人才。公司由一批拥有10年以上开发管理经验,且来自互联网或研究机构的IT精英组成,负责研究、开发教学模式和课程内容。公司具有完善的课程研发体系,一直走在整个行业发展的前端,在行业内竖立起了良好的品质口碑。

民族振兴靠人才,中华民族正处于伟大复兴之路上,要赢得国际竞争,需要拥有大量的科技人才,我们将肩负起民族使命,在三尺讲台诲人不倦著书立说,为科技行业培养出大量的优秀人才,促进民族伟大复兴!我们的使命是:为中华民族伟大复兴而讲课,为千万学生少走弯路而著书。

探索教育之路,长途漫漫。传智教育希望可以通过自己的努力,寻找出一条更符合人类自然成长规律的教育之路,建立起一个新的教育生态环境,让中国的家长和孩子们在现有的教育体系之外,再多一些选择的机会。因此 “探索教育本源,开辟教育新生态” 便成为了所有传智人为之奋斗的终极愿景,也是所有传智人共同努力的目标。为此,15年来,传智人不曾有一丝懈怠,相信在传智人的不懈努力下,大道不远,终在脚下。

江苏传智播客教育科技股份有限公司
版权所有Copyright 2006-2018©, All Rights Reserved 苏ICP备16007882

C. 提示:

  • 灰色颜色的16进制,可以使用 #ccc 来表示。

  • 如果要给某一个字体设置演示,可以通过css样式中的color属性来设置。

  • CSS属性提示:

    • color: 设置字体颜色

    • font-size: 设置字体大小

    • text-align: 设置文本对齐方式 , left 、center、right 分别为居左、居中、居右对齐


作业2:通过HTML的表格、超链接、音频标签,完成如下页面制作 【必做】

 

效果说明:

  1. 点击歌手名字,会打开新的标签页,在新的标签页中展示歌手的个人简介。

  2. 点击播放控件,开始播放对应的歌曲。

数据说明:

1. 表格数据如下:

          1         唐人 覃沐曦                      03:44

          2         漂洋过海来看你 周深        03:03

          3         小幸运 田馥甄                   04:17

          4         Excitant 成驰洋                 03:30

2. 表格中歌手对应的个人简介地址如下:

          覃沐曦:https://baike.baidu.com/item/%E8%A6%83%E6%B2%90%E6%9B%A6/2582347?fr=aladdin

          周深:https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin

          田馥甄:https://baike.baidu.com/item/%E7%94%B0%E9%A6%A5%E7%94%84?fromModule=lemma_search-box

          成驰洋:https://baike.baidu.com/item/%E6%88%90%E9%A9%B0%E6%B4%8B?fromModule=lemma_search-box

3. 音频文件见附件:

        音频下载,提取码:5555


作业3:通过HTML的表单、表单项标签制作如下表单,指定提交方式为POST。 【必做】

下拉列表数据说明:

        学科:java、前端、大数据、测试、python、go

渠道:线上活动、推广介绍


作业4:通过浏览器的开发工具(F12),查看GET请求和POST请求的区别!并留意提交的数据 【必做】

作业5:通过HTML、CSS完成如下新闻页面的制作 。 【选做】

 文字素材如下:

<!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>
    <style>
        
    </style>
</head>
<body>
            
        蒋飞:美国经济开启衰退模式
        2023年03月24日16:17    作者:蒋飞

        
        经历2022年以来持续加息的影响,美国部分经济指标回落速度正在加快。首先,M2同比增速已经降至1月的-1.73%,与去年同期的11.74%相比已经大幅收缩。同时CPI同比增速也从去年6月最高点的9.1%回落至2月份的6%。
        
        
        其次,2022年12月,美国20大中城市房价环比-0.93%,同比回落至4.65%,较最高点21.29%大幅下降。目前美国房贷利率依然高达6.66%,根据房贷利率领先房价增速大约9个月的规律,美国房价还将继续下跌。
        
        
        再者,美国零售和食品服务销售额同比增速已经下滑至2月的5.39%,处于2021年以来的最低增速;制造业PMI指数也已经连续两个月跌破48%,从2000年以来,美国制造业PMI有5次跌破并持续位于48%以下,均发生了经济衰退。
        
        
        商业银行危机爆发,流动性继续紧张。随着加息效果的逐渐显现,部分银行出现了流动性问题。比如硅谷银行,其主要存款客户都是科技创业公司。在一级融资市场收紧的情况下,这些公司开始取出存在硅谷银行的存款,而这些存款被硅谷银行投资到持有到期的证券上。由于存款规模较大,证券账面处于亏损状态,造成恐慌和挤兑,进而演变成区域性银行危机。3月8日,美国加息货币友好银行Silvergate宣告停止运营,清算资产。3月10日,美国硅谷银行被联邦存款银行保险公司(FDIC)介入接管,中止运营。3月12日,Signature Bank被监管机构关闭。美联储加息以来,美国商业银行证券投资普遍亏损,目前危机还未结束。
    
    
        3月9日,美国拜登政府公布了2024财年财政预算案,预计国会两党将展开激烈争辩。拜登政府对2024财年提出了6.88万亿美元的预算总额,较2023财年的6.37万亿增长了8%(5100亿美元)。2024财年预算收入5.04万亿美元,较2023年财年4.80万亿增加了5%(2400亿美元)。这意味着,美国仍有2700亿美元的预算赤字。
    
        
        责任编辑:宋源珺
        
</body>
</html>

素材如下(包含图片、视频):

提取码:5555 --来自百度网盘超级会员V6的分享

提示:

CSS样式 (具体参数怎么写 , 可以查文档): 

    外边距 : margin
    
    内边距 : padding
    
    边框线 : border 
    
    文本居中 : text-align: center;
    
    字体大小 : font-size: 13px;
    
    行高 : line-height: 30px;
    
    首行缩进 : text-indent: 30px;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/813293.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【NVIDIA CUDA】2023 CUDA夏令营编程模型(一)

博主未授权任何人或组织机构转载博主任何原创文章&#xff0c;感谢各位对原创的支持&#xff01; 博主链接 本人就职于国际知名终端厂商&#xff0c;负责modem芯片研发。 在5G早期负责终端数据业务层、核心网相关的开发工作&#xff0c;目前牵头6G算力网络技术标准研究。 博客…

【Git】Git GitHub

1. Git1.1 Git基本操作1.2 Git版本回退1.3 Git分支操作 2. Git 配合GitHub2.1 生成密钥2.2 GitHub添加公钥2.3 Git连接GitHub2.4 本地仓库关联远程仓库2.5 本地代码push远程仓库2.6 本地clone远程仓库2.7 本地fetch和pull 1. Git 1.1 Git基本操作 touch test.py 工作区创建文…

全网最细,Postman接口测试实战详细总结,一篇进阶...

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 Postman是一款功能…

【力扣每日一题】2023.7.30 环形链表2

题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 这道题属于是那种知道解法就很简单&#xff0c;不知道解法就很难独立想出来的那种&#xff0c;我们只需要稍微记住这类题的固定解法就可以。 所以接下来我先说解法&#xff0c;再解释为什么解法可以解出来。 那么我们都…

nginx使用-(想学nginx,这篇就够了)

nginx使用-&#xff08;想学nginx&#xff0c;这篇就够了&#xff09; upstream wgz{server 127.0.0.1:8081 ;server 127.0.0.1:8082 ;fair;}反向代理 动静分离 负载均衡 高可用集群配置 反向代理 upstream要转发的地址的配置proxy_pass请求转发的地址 location /user{proxy_…

程序设计 算法基础

✅作者简介&#xff1a;人工智能专业本科在读&#xff0c;喜欢计算机与编程&#xff0c;写博客记录自己的学习历程。 &#x1f34e;个人主页&#xff1a;小嗷犬的个人主页 &#x1f34a;个人网站&#xff1a;小嗷犬的技术小站 &#x1f96d;个人信条&#xff1a;为天地立心&…

【并发专题】操作系统模型及三级缓存架构

目录 课程内容一、冯诺依曼计算机模型详解1.计算机五大核心组成部分2.CPU内部结构3.CPU缓存结构4.CPU读取存储器数据过程5.CPU为何要有高速缓存 学习总结 课程内容 一、冯诺依曼计算机模型详解 现代计算机模型是基于-冯诺依曼计算机模型 计算机在运行时&#xff0c;先从内存中…

python学习之【浅拷贝】

前言 上一篇文章&#xff0c;python学习之【继承、封装、多态】主要学习了面向对象的三大特征。这篇文章记录下对python的浅拷贝的学习&#xff0c;下一篇文章接着学习深拷贝。 简单了解 浅拷贝&#xff1a;python拷贝一般都是浅拷贝&#xff0c;拷贝时&#xff0c;对象包含的…

【C语言】函数重难点之函数递归

大家好&#xff0c;我是深鱼~ 目录 一、函数递归知识讲解 1.什么是递归&#xff1f; 2.递归的两个必要条件 2.1练习1&#xff1a; 2.2练习2&#xff1a; 二、递归与迭代 2.1练习3 2.2练习4 一、函数递归知识讲解 1.什么是递归&#xff1f; 程序调用自身的编程技巧称为…

UNITY随记(八) SHADER实现立方体CUBE显示边框,描边

Shader "Vitens/CubeOutline"{Properties{_Color("Color", color) = (1,1,1,1)_Width("Width", range(0,0.5)) = 0.1}SubShader{Tags {"Queue"=

windows下载安装FFmpeg

FFmpeg是一款强大的音视频处理软件&#xff0c;下面介绍如何在windows下下载安装FFmpeg 下载 进入官网: https://ffmpeg.org/download.html, 选择Windows, 然后选择"Windows builds from gyan.dev" 在弹出的界面中找到release builds, 然后选择一个版本&#xff0…

Java中的生产者/消费者模型

一、什么是生产者/消费者模型 生产者-消费者模型&#xff08;Producer-Consumer problem&#xff09;是一个非常经典的多线程并发协作的模型。 比如某个模块负责生产数据&#xff0c;而另一个模块负责处理数据。产生数据的模块就形象地被称为生产者&#xff1b;而处理数据的模…

基地培训一周总结-用两台虚拟机模拟公司和员工

前言&#xff1a; 本来是打算每天跟更新所学内容&#xff0c;但奈何自己接触新知识速度较慢&#xff0c;每天都在完不成任务的边缘疯狂试探&#xff0c;短时间大量知识的涌入&#xff0c;感觉脑袋瓜在有点 跟不上。这周结束的时候&#xff0c;老师布置了个小项目&#xff0c;融…

Linux操作系统下安装python环境

参考&#xff1a;Linux操作系统下安装python环境_linux如何下载python_秃头小猿-F的博客-CSDN博客 注意 切换用户 二、切换root用户 1.给root用户设置密码&#xff1a;命令&#xff1a;sudo passwd root输入密码&#xff0c;并确认密码。2.重新输入命令&#xff1a;su root …

【数据结构】之十分好用的“链表”赶紧学起来!(第一部分单向链表)

&#x1f490; &#x1f338; &#x1f337; &#x1f340; &#x1f339; &#x1f33b; &#x1f33a; &#x1f341; &#x1f343; &#x1f342; &#x1f33f; &#x1f344;&#x1f35d; &#x1f35b; &#x1f364; &#x1f4c3;个人主页 &#xff1a;阿然成长日记 …

某行动态cookie反爬虫分析

某行动态cookie反爬虫分析 1. 预览 反爬网址(base64): aHR0cDovL3d3dy5wYmMuZ292LmNu 反爬截图&#xff1a; 需要先加载运行js代码&#xff0c;可能是对环境进行检测&#xff0c;反调试之类的 无限debugger 处理办法 网上大部分人说的都是添加cookie来解决。 那个noscrip…

哈工大计算机网络课程网络安全基本原理之:身份认证

哈工大计算机网络课程网络安全基本原理之&#xff1a;身份认证 在日常生活中&#xff0c;在很多场景下我们都需要对当前身份做认证&#xff0c;比如使用密码、人脸识别、指纹识别等&#xff0c;这些都是身份认证的常用方式。本节介绍的身份认证&#xff0c;是在计算机网络安全…

flask处理表单数据

flask处理表单数据 处理表单数据在任何 web 应用开发中都是一个常见的需求。在 Flask 中&#xff0c;你可以使用 request 对象来获取通过 HTTP 请求发送的数据。对于 POST 请求&#xff0c;可以通过 request.form 访问表单数据。例如&#xff1a; from flask import Flask, r…

设置Fiddler来抓取Android接口数据

1.下载安装fiddler&#xff0c;安装包可自行百度。安装完成打开fiddler 2.将Fiddler设置远程访问PC 选择Fiddler->Tools->Fiddler Option 3.选择Connection&#xff0c;在Fiddler listen on port后输入8888&#xff0c;表示允许远程PC连接。 4.在电脑运行窗口中&#xf…

Leetcode145. 二叉树的后序遍历

题目描述 题目链接&#xff1a;https://leetcode.cn/problems/binary-tree-postorder-traversal/description/ 代码实现 class Solution {List<Integer> tree new ArrayList<>();public List<Integer> postorderTraversal(TreeNode root) {postorder(ro…