【无标题】

于 2024-07-06 20:24:26 发布
阅读量183 收藏
点赞数 2
文章标签： 开发语言 html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80623118/article/details/140234955
版权 
作业一：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业一</title>
</head>
<body>
  <form action="../01.html/1.3 块级和行内标签/美女.jpg" method="post">
    <table border="1" align="center" width="500">
        <tr>
            <th colspan="2" align="center">
                用户注册</th>
        </tr>
      <tr>
        <td>
            用户名
        </td>
        <td>
            <input type="text" name="username" id="username" maxlength="20">
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td><input type="text" name="password" id="password"  maxlength="20"></td>
      </tr>
      <tr>
        <td>性别</td>
        <td><input type="radio" name="sex" value="男"   >男
            <input type="radio" name="sex" value="女"  >女
        </td>
      </tr>
      <tr>
      <td>爱好</td>
       <td> <label><input type="checkbox"id=""name= "like" value="写作" >写作</label>
      <label><input type="checkbox"id=""name= "like" value="听音乐">听音乐</label>
      <label><input type="checkbox"id=""name= "like" value="体育">体育</label>
      </td>
      <tr>
        <td><label for="procvince">省份</label></td>
        <td>
            <select name="procvince" id="">
                <option value="shaanxi" selected>陕西</option>
                <option value="shanx">山西</option>
            </select>
        </td>
      </tr>
      <tr>
        <td>自我介绍</td>
        <td>
            <textarea name="intro" id="" cols="25"rows="5"placeholder="这家伙什么都没留下">
            </textarea>  
            </td>
      </tr>
      <tr>
        <td colspan="2" align="center">
            <input type="submit" name="send" id="" value="提交">
            <input type="reset" name="重置" id="" value="重置">
        </td>
      </tr>
    </table>
  </form>
</body>
</html>

运行截图

作业二：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://img2.baidu.com/it/u=3303883917,563862957&fm=253&fmt=auto&app=120&f=JPEG?w=786&h=500" target="_blank">
    汇款单
    </a>
</body>
</html>

截图：

作业三：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业二</title>
</head>
<body>
    <!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>
            .container{
                width:800px;
                height:300px;
               
            }
            .pic{
                width:100px;
                height:300px;
                float:left;
            }
            img{
                width:300px;
                height:400px;
                margin-left:50px;
                margin-top:10px;
                margin-bottom:10px;
            }
            .古诗{
                float:right;
                width:500px;
                height:300px;
            }
           
        </style>
    </head>
    <body>
       <h1>
         &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: 40px;color:rgb(1, 16, 11);">将进酒</span>
         &nbsp;&nbsp;
        <span style="color: rgb(1, 16, 11);font-size: 30px;">君不见黄河之水天上来</span>
       </h1>
        <div class="container">
            <div class="pic">
                <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0508%2F3812b870j00rbkmk7001nc000go00n0m.jpg&thumbnail=660x2147483647&quality=80&type=jpg" alt="">
            </div>
            <div class="古诗">
                <pre   style="font-size: 15px;color: rgb(11, 1, 1);">
                    君不见，黄河之水天上来，奔流到海不复回。
            
                    君不见，高堂明镜悲白发，朝如青丝暮成雪。
            
                    人生得意须尽欢，莫使金樽空对月。
            
                    天生我材必有用，千金散尽还复来。
            
                    烹羊宰牛且为乐，会须一饮三百杯。
            
                    岑夫子，丹丘生，将进酒，杯莫停。
            
                    与君歌一曲，请君为我倾耳听。
            
                    钟鼓馔玉不足贵，但愿长醉不愿醒。
            
                    古来圣贤皆寂寞，惟有饮者留其名。
            
                    陈王昔时宴平乐，斗酒十千恣欢谑。
            
                    主人何为言少钱，径须沽取对君酌。
            
                    五花马，千金裘，呼儿将出换美酒，与尔同销万古愁
            
                </pre>
            </div>
        </div>
    </body>
    </html>
</body>
</html>



作业四：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业4</title>
</head>
<body>
    <h1>
        <span style="font-size: 30px;color:rgb(1, 16, 11);">热门电影板块</span>
    </h1>
    <hr>
    <h2> 
        <span style="font-size: 20px;color:rgb(1, 16, 11);">最新热门电影</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">热门</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">最新</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">豆瓣高分</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">冷门佳片</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">华语</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">欧美</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">韩国</span>
        &nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">日本</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span style="font-size: 15px;color:rgb(1, 16, 11);">更多>&nbsp;></span> 
    </h2>
    <hr>
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://image13.m1905.cn/uploadfile/2017/0209/20170209052043307015.jpg" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://img0.baidu.com/it/u=1940098999,3365877947&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=608" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://www.z4a.net/images/2017/06/13/170760.jpg" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://img2.baidu.com/it/u=3780871583,2165650612&fm=253&fmt=auto&app=138&f=JPEG?w=386&h=499" alt="" width="320px" height="250">
    </span>
    <br>
    <span style="font-size: 15px;color:rgb(1, 16, 11);">猜火车&nbsp;8.1</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">贝尔科实验&nbsp;6.0</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">加州公路巡警&nbsp;6.8</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">歌声不绝&nbsp;6.3</span>
    <br>
    <br>
    <br>
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201708%2F08%2F20170808203100_e5WPZ.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1722782423&t=c8794024688ffb04d5db91f2b4507026" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://img0.baidu.com/it/u=2892468881,3343163381&fm=253&fmt=auto&app=138&f=JPEG?w=329&h=500" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://img1.baidu.com/it/u=2062191019,2618180185&fm=253&fmt=auto&app=138&f=JPEG?w=352&h=499" alt="" width="320px" height="250">
    </span>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">
        <img src="https://img1.baidu.com/it/u=1404117082,901246117&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=714" alt="" width="320px" height="250">
    </span>
    <br>
    <br>
    <span style="font-size: 15px;color:rgb(1, 16, 11);">明日的我和昨日的我&nbsp;8.1</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">速度与激情三&nbsp;6.0</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">极速特工&nbsp;6.8</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-size: 15px;color:rgb(1, 16, 11);">金刚狼三：殊死一搏&nbsp;6.3</span>
</body>
</html>

2301_80623118
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt无标题窗口
05-21
在本文中，我们将深入探讨如何使用Qt框架创建一个无标题窗口，这在界面设计和自定义标题栏美化中非常有用。我们将关注`framelesswidget.cpp`、`main.cpp`、`framelesswidget.h`等核心文件，理解它们在实现无标题窗口...
温习古文之将进酒
Sunny_Future的博客
12-06 402
温习古文之将进酒，唐，李白 君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听) 钟鼓馔玉不足贵，但愿长醉不愿醒。(不足贵 一作：何足贵；不愿醒 一作：不复醒) 古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯) 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对.
纯css动画 —— 展开、收起
热门推荐
朝阳39的博客
03-17 1万+
在web端，“展开收起”效果一般用jQuery的slideUp()/slideDown()实现 但在移动端，因为CSS3动画支持良好，所以移动端的JavaScript框架都没有动画模块。此时，使用CSS实现动画就成了最佳的技术选型。 最终效果 完整范例代码 <template> <div class="box"> <input id="check" type="checkbox"> <p>个人觉
记录--不定高度展开收起动画 css/js 实现
林恒的博客
06-28 2367
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可能还会有更改的情况下，如果每次都是用固定高度来做动画，会显得很繁琐，也很呆，就想到了使用 he...
CSS使用过渡动画实现展开折叠效果
tt1234561009的博客
07-27 7120
前端页面展开/折叠效果可通过v-show控制显示隐藏，但这样页面交互太刻意了，显得不是很顺畅，为了提高用户使用体验感可以使用过渡动画实现平缓地展开折叠效果~
VC去掉'无标题'字样的方法.zip
11-21
在使用Visual C++进行编程时，我们经常会在创建新的窗口或者对话框时默认看到标题栏显示为“无标题”。这可能会对用户界面的美观性和专业性造成一定的影响。本资料包提供了一种方法来帮助开发者去掉这个“无标题”...
visual c++取掉对话框窗口的 -无标题 字样的方法
08-04
在Visual C++编程环境中，创建窗口应用程序时，默认情况下，窗口标题栏可能会显示“-无标题”字样，这通常是由于没有正确设置窗口类或没有自定义窗口标题所导致的。要解决这个问题，我们需要深入理解Windows API中的...
c#实现无标题栏窗口的拖动
09-05
本篇文章将详细讲解如何在C#中实现这种无标题栏窗口的拖动以及其他基本操作。 首先，为了实现无标题栏窗口的拖动，我们需要处理窗体的鼠标事件。窗体的`FormBorderStyle`属性应设置为`None`，这会去除窗体的边框和...
delphi 无标题调整大小
11-26
在Delphi编程环境中，"无标题调整大小"通常是指创建没有标准标题栏的窗口，并允许用户通过拖动边界来调整其大小。这种设计通常用于自定义界面或创建无边框的对话框。以下是对这个主题的详细解释： 一、创建无标题...
css设置div 展开收起有过渡动画
weixin_38673922的博客
03-15 1767
【代码】css设置div 展开收起有过渡动画。
css 展开收起动画
wnk1997的博客
05-05 592
在css里面加一行这个就行。
CSS 展开收起 样式
不同场景下的水平居中
07-29 3098
CSS 展开收起 样式
css实现折叠展开动画
最新发布
文摘资讯
12-07 1001
css实现折叠展开动画在 CSS 中实现折叠展开动画需要使用一些布局和过渡属性。<div class="accordion"> <div class="accordion-title">Hover me!</div> <div class="accordion-body"> <div> <p>Lor...
前端 折叠面板 折叠展开动画
坐等夕阳落time的博客
05-24 5958
前言 以uniapp代码来说明折叠面板原理 效果 原理 首先折叠展开动画选择 transition属性 transition: all 0.4s; 然后使动画生效：动态改变折叠面板的高度 折叠面板初始高度为0（height 0 ）然后再根据折叠面板里面内容的高度，改变折叠面板的height， * 如果你的折叠面板是已知的展开高度，那就直接在0与已知高度里进行切换 * 如果你的折叠面板高度是不确定的，那就要在折叠面板里面再用一层view把内容包起来，然后写代码动态获取这个view的高度
如何使用CSS实现一个带有动画效果的折叠面板（Accordion）？
官方推荐
09-03 1万+
如何使用CSS实现一个带有动画效果的折叠面板（Accordion）？
通过css控制div内容展开更多/收起效果
铁锤妹妹的博客
09-26 5142
需要设置一个变量控制展开 / 收起效果
css简易收缩展开动画
背着电脑走江湖的博客
08-04 2993
代码】css简易收缩展开动画。
CSS实现展开动画
WindrunnerMax
01-29 6628
CSS实现展开动画 展开收起效果是比较常见的一种交互方式，通常的做法是控制display属性值在none和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素展开收起能具有平滑的效果。 实现 首先想到的是通过height在0与auto之间切换，但是结果可能并不会是我们所预期的那样，原因是我们将要展开的元素内容是动态的，即高度值不确定，因此height使用的值是默认的auto，从0px到auto是无法计算的，因此无法形成过渡或动画效果。 据此我们可以使用max-height，将m
CSS简单动画---自用展开区域动画（箭头旋转，区域拉伸）
a666666000的博客
10-31 1607
【代码】CSS简单动画---自用展开区域动画（箭头旋转，区域拉伸）
设置无标题 android
05-02
在Android应用中，设置无标题是一种简洁和美观的设计方式，可以为用户提供更流畅的使用体验。以下是一些实现设置无标题的方法： 1. 在Android的Manifest文件中，找到对应Activity的标签，并添加”android:theme="@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值