HTML前端页面设计静态网站

浅浅分享一下前端作业,大佬轻喷~

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>一个网页</title><style>body {font-family: Arial, sans-serif;}h2,h3 {text-align: left;}p {text-align: left;font-size: 14px;font-weight: normal;}.pink-box {width: 120px;height: 100px;background-color: pink;text-align: left;line-height: 100px;font-weight: normal;}.pink-box a {text-decoration: none;color: inherit;font-weight: normal;}table {width: 400px;border-collapse: collapse;}table th,table td {border: 1px solid #ccc;padding: 5px;}table th {text-align: center;font-weight: normal;}table td {text-align: left;font-weight: normal;}</style>
</head><body><h2>二级标题</h2><p>不知道写啥。</p><h3>三级标题</h3><p>一张图片。</p><img src="一个图片.jpg" width="500" /><div class="pink-box">盒子</div><a href="https://www.baidu.com">点击我可以跳到百度哦</a><ul><li>我</li><li>是</li><li>无</li><li>序</li><li>表</li></ul><input type="text" style="width: 300px;" placeholder="我是一个宽300px但是输入什么都没用的输入框"><button disabled>不管怎么按都没用的按钮</button><table><tr><th>用户名:</th><td><input type="text"></td></tr><tr><th>密码:</th><td><input type="password"></td></tr><tr><td colspan="2" style="text-align: center;"><input type="submit" value="提交"><input type="reset" value="重置"></td></tr></table><p>自我介绍</p><label>性别:<input type="radio" name="gender" value="男">男<input type="radio" name="gender" value="女">女</label><label>城市: <input type="text" value="重庆"></label><label>爱好:<input type="checkbox">打游戏 <input type="checkbox">看电影 <input type="checkbox">听音乐 <inputtype="checkbox">运动<br />目标:<textarea style="width:300px; height:100px;" placeholder="我要努力加入Web前端!加油!"></textarea></label>
</body></html>

 

***新人博主创作不易,希望大家多多点赞关注呀~

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

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

相关文章

各大自媒体平台的感受 —— 小红书

如果你有些内容&#xff0c;想发布到自媒体平台上&#xff0c;目前有很多平台可用选择。 发布自媒体在获得关注的同时&#xff0c;同时也会期望有些收益。 我们的内容也发布了不少时间了&#xff0c;那就分别扒下各大自媒体平台的吃相&#xff0c;这篇文章说的是小红书。 收…

openEuler下配置openGauss环境图解

一、在openEuler中创建用户&#xff0c;并授予权限 # 创建用户 sudo adduser omm# 授予权限 chown omm /opt# 切换用户 su - omm 二、在openGauss官网找到openGauss极简版的软件包 openGauss软件 | openGauss下载 | openGauss软件包 | openGauss社区 右键立即下载&#xff0…

RabbitMQ 的集群

大家好&#xff0c;我是锋哥。今天分享关于【RabbitMQ 的集群】面试题&#xff1f;希望对大家有帮助&#xff1b; RabbitMQ 的集群 RabbitMQ 是一种流行的开源消息代理&#xff0c;广泛用于构建分布式系统中的消息队列。随着应用程序规模的扩大&#xff0c;单一的 RabbitMQ 实…

[ 应急响应基础篇 ] Windows 写入任务计划程序详解--任务计划程序窗口写入 命令行写入

&#x1f36c; 博主介绍 &#x1f468;‍&#x1f393; 博主介绍&#xff1a;大家好&#xff0c;我是 _PowerShell &#xff0c;很高兴认识大家~ ✨主攻领域&#xff1a;【渗透领域】【数据通信】 【通讯安全】 【web安全】【面试分析】 &#x1f389;点赞➕评论➕收藏 养成习…

flinksql-Queries查询相关实战

分组聚合 --分组集 --GROUPING SETS() 允许你定义特定的分组方式&#xff0c;这样你可以选择只对感兴趣的分组进行计算。 --通过手动指定不同的分组组合&#xff0c;你能够灵活地控制数据的聚合结果。 --与 ROLLUP 和 CUBE 不同&#xff0c;GROUPING SETS 不会自动生成所有子集…

泄密与间谍:网络安全与国家安全的紧密联系

在当今数字化时代&#xff0c;网络安全已成为国家安全的重要组成部分。随着信息技术的迅猛发展&#xff0c;网络空间的安全问题愈发突出&#xff0c;泄密和间谍活动对国家安全构成了严峻挑战。本文将探讨泄密与间谍活动的影响&#xff0c;以及为何没有网络安全就没有国家安全。…

使用Git LFS管理大型文件

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 使用Git LFS管理大型文件 引言 Git LFS 简介 安装 Git LFS 安装 Git 安装 Git LFS 配置 Git LFS 初始化 Git 仓库 指定需要使用…

C语言300行-投篮

&#xff03;include "stdio。h" &#xff03;ifdef __APPLE__ #include 〈GLUT/glut。h〉 &#xff03;else &#xff03;include <GL/glut.h> #endif #include 〈stdlib.h> #include <stdio。h〉 #include <math.h〉 #include 〈windows.h〉…

深度学习-梯度消失/爆炸产生的原因、解决方法

在深度学习模型中&#xff0c;梯度消失和梯度爆炸现象是限制深层神经网络有效训练的主要问题之一&#xff0c;这两个现象从本质上来说是由链式求导过程中梯度的缩小或增大引起的。特别是在深层网络中&#xff0c;若初始梯度在反向传播过程中逐层被放大或缩小&#xff0c;最后导…

Linux运行Java程序,并按天输出日志

我们写好的Java程序&#xff08;非web项目&#xff09;&#xff0c;直接在服务器中敲入命令 java -jar app_name.jar就可以运行&#xff0c;如果想让程序一直在服务器中运行&#xff0c;则需要nohup命令。如下&#xff1a; nohup java -jar app_name.jar 如果需要将程序输出的日…

【Clikhouse 探秘】ClickHouse 物化视图:加速大数据分析的新利器

&#x1f449;博主介绍&#xff1a; 博主从事应用安全和大数据领域&#xff0c;有8年研发经验&#xff0c;5年面试官经验&#xff0c;Java技术专家&#xff0c;WEB架构师&#xff0c;阿里云专家博主&#xff0c;华为云云享专家&#xff0c;51CTO 专家博主 ⛪️ 个人社区&#x…

electron + vue 打包完成后,运行提示 electrion-updater 不存在

electron vue 打包完成后&#xff0c;运行提示 electrion-updater 不存在 检查配置&#xff1a; electrion-updater 放在 dependencies 下你的项目 package.json 与 electron 的 package.json 是否共用同一个&#xff0c;如果不是&#xff0c; electrion-updater 放在 elect…

【Android】Java开发语言规范

Java语言规范 命名风格 **类名&#xff1a;**使用 UpperCamelCase 风格&#xff0c;必须遵从驼峰形式&#xff0c;但以下情形例外&#xff1a;DO / BO / DTO / VO / AO&#xff0c;所有单词的首字母大写**方法名、参数名、成员变量、局部变量&#xff1a;**统一使用 lowerCam…

Mybatisplus多表关联分页查询有多种实现方式

Mybatisplus多表关联分页查询有多种实现方式 1. 使用 MyBatis-Plus 配合 XML 自定义 SQL 实现多表关联分页查询实现步骤示例代码实体类定义Mapper 接口定义Mapper XML 编写多表关联查询Service 调用分页查询 2. 使用 MyBatis-Plus 的 Wrapper 搭配 自定义 SQL 实现分页查询示例…

一些硬件知识【2024/11/2】

当需要提供功率型的输出信号的时候&#xff0c;可以在信号发生器外接功率放大器&#xff0c;这样可以提高输出功率 信号的调幅&#xff08;AM&#xff09;、调频&#xff08;FM&#xff09;与调相&#xff08;PM&#xff09;&#xff1a; 调制信号&#xff1a;控制高频振荡的低…

WPF自定义日历控件Calendar 的方法

推荐下载地址 https://www.haolizi.net/example/view_2107.html <UserControl.Resources><local1:DayConverter x:Key"DayConverter"/><!--导入转换器--><Style x:Key"CalendarStyle1"TargetType"{x:Type Calendar}">&…

Qt第三课 ----------输入类的控件属性

作者前言 &#x1f382; ✨✨✨✨✨✨&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f382; ​&#x1f382; 作者介绍&#xff1a; &#x1f382;&#x1f382; &#x1f382; &#x1f389;&#x1f389;&#x1f389…

Go如何实现自旋锁

自旋锁简介 在并发编程中&#xff0c;互斥锁&#xff08;Mutex&#xff09;是一种常用的同步机制&#xff0c;用于保护临界资源&#xff0c;防止数据竞争。而在某些特定场景下&#xff0c;尤其是当锁的持有时间很短且线程数量有限的情况下&#xff0c;一种更为轻量级的锁——自…

LabVIEW 离心泵机组故障诊断系统

开发了一套基于LabVIEW图形化编程语言设计的离心泵机组故障诊断系统。系统利用先进的数据采集技术和故障诊断方法&#xff0c;通过远程在线监测与分析&#xff0c;有效提升了离心泵的预测性维护能力&#xff0c;保证了石油化工生产的连续性和安全性。 项目背景及意义 离心泵作…

typescript的简介

简介 tsc npm install -g typescripttsc -v作用 检查类型和语法错误&#xff0c;提前纠错 ts的类型 如何穿件带有ts的vue工程 作用 常见类型 用法 编写一个ts文件 let username:string "John";let age:number 25;let isUpdated:boolean true;let data:any &q…