day11 前端部分基础

作业解析
# 1.如果一个n位正整数等于其各位数字的n次方之和,则称该数为阿姆斯特朗数。
# 例如:1 ** 3 = 1,,1 ** 3 + 5 ** 3 + 3 ** 3 = 153。
# 请找出1000以内所有的阿姆斯特朗数
for i in range(1,1001):
    lenght = len(str(i))
    total = 0
    for j in str(i):
        total += int(j)**lenght  #对每一位数进行幂运算
        if total == i 
        	print(f'{i}是阿姆斯特朗数')
"""
运行结果:
1是阿姆斯特朗数
2是阿姆斯特朗数
3是阿姆斯特朗数
4是阿姆斯特朗数
5是阿姆斯特朗数
6是阿姆斯特朗数
7是阿姆斯特朗数
8是阿姆斯特朗数
9是阿姆斯特朗数
153是阿姆斯特朗数
370是阿姆斯特朗数
370是阿姆斯特朗数
371是阿姆斯特朗数
407是阿姆斯特朗数
"""
# 2A、B、C、D、E 五人在某天夜里合伙去捕鱼,到第二天凌晨时都疲惫不堪,于是各自找地方睡觉。
# 日上三杆,A 第一个醒来,他将鱼分为五份,把多余的一条鱼扔掉,拿走自己的一份。 B 第二个醒来,
# 也将鱼分为五份,把多余的一条鱼扔掉拿走自己的一份。 C、D、E依次醒来,也按同样的方法拿鱼。
# 问他们至少捕了多少条鱼? 
fish = 1
while True:
    total = fish
    for _ in range(5):
        if (total-1) % 5==0:  # 能被5整除
            total=(total-1)//5*4  # 分1次之后剩下的鱼的总量
        else:
            fish+=1
            break
     else:
        print(f'总鱼数为{fish}')
        break
# 运行结果:总鱼数3121
# 3.30 个人在一条船上,超载,需要 15 人下船。于是人们排成一队,排队的位置即为他们的编号。
# 报数,从 1 开始,数到 9 的人下船。如此循环,直到船上仅剩 15 人为止,问都有哪些编号的人下船了呢?
people = [i for i in range(1,31)]  # 建立一个1-30的列表
while len(people) > 15:
    i=1
    while i < 9:
        people.append(people.pop(0)) # 将首位元素去除,添加到末尾
        i += 1
    count = people.pop(0)   # 取到9的元素
    print(f'{count}下船了’)
"""
运行结果:
9下船了
18下船了
27下船了
6下船了
16下船了
26下船了
7下船了
19下船了
30下船了
12下船了
24下船了
8下船了
22下船了
5下船了
23下船了

"""
认识HTML

前端的三大技术:

​ 1.HTML:负责显示页面内容(文字、按钮、输入框等)

​ 2.CSS:负责页面内容的布局和样式

​ 3.JavaScript:负责实现功能

前端文件的后缀名:

html:最常见的前端文件后缀名

htm:与html相等,

shtml:内置了脚本命令的html文件

HTML文件理解为是一个html标签,html标签包含了head标签和body标签

head标签存放页面部分配置项,body标签显示页面内容

html标签分为双标签和单标签(自闭合标签)

双标签:<标签名 属性1=属性值1 属性2=属性值2…>标签和内容</标签名>

单标签:<标签名 属性1=属性值1 属性2=属性值2…>或者<标签名 属性1=属性值1 属性2=属性值2…/>

属性=属性值 -->固定写法,用于修改标签的内容和样式

标签名 --> 固定写法,不同的标签显示不同的内容,用法是固定的

charset用于页面指定代码

文本标签

标题标签:<h1><h2>......<h6>

段落标签:<p>

标题标签和段落标签会自动换行

文字倾斜标签:<i>、<em>

文字加粗标签:<strong><b>

换行标签:<br>

水平线标签:<hr>

空格:&nbsp;``&emsp

&nbsp表示一个像素单位的空格长度,&emsp表示一个汉字的宽度,1&emsp=16&nbsp

行内文本标签:<span>

src:后面一般接目标对象,(网址,图片等)

超链接和图片

图片标签<img>

src:1.可以写入链接 2.可以写入本地图片路径

title:鼠标放在图片上可以提示文字

alt:当图片不显示时,显示文字

width、height:修改显示图片的宽度和高度

超链接标签<a>

href:

​ 1.引入在线链接

​ 2.引入本地文件(html文件)

​ 3.引入id选择器

跳转打开方式:target 1_self当前标签页跳转(默认)2_blank新标签页跳转

id选择器:在某个地方插入id=“名字”,运用超链接href=#“名字”

列表和内联框架

iframe:内联框架 ,常用于登录、注册页面

有序列表:<ol> 无序列表<ul>

列表内容用<li>

input标签

input type=“text”

input:默认是一个文本框,可以通过修改type属性的值,将input构成成不同的形式

placeholder:输入框中有提示性文字

maxlength:规定输入内容长度

–> 设定密码

input type=“password” placeholder=“请输入密码” maxlength=“5”

–>设定登录按钮

input type=“submit” value=“登录”

–>选择颜色

input type=“color”

–>选择文件

input type=“file”

–>选择日期

input type=“date”

单选框:radion 多选框 checkbok

将单选框中的id属性值设置为和lable标签中的for属性值相同,表示相关联

<id="名称"><label for="名称">

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值