打卡-----html1

暂时没有办法每天打卡,打算学一定的量再打卡,可能会固定一星期三篇左右

这篇是之前写好了但是一直没有发的,CSDN的软件我还不太会用。。。

前面是因为兴趣学的c#,想做unity3D游戏,现在学css是为了工作,C#只能抽空学啦

我先是在知乎听了一场live讲座,然后去B站上学习相关课程,接下来是课堂笔记还有一部分的自己操作中的小笔记啦

看视频学感觉略慢,因为有些东西是知道的,但你怕他说到你不知道的所以不敢跳啊。我想找本书学一下,据说《深入浅出html与css》这本书不错,我去找找

之前学过一段时间的html,但是后来忙其他的事去了,现在再回来找那个视频已经失效了唉,我挺喜欢sublime text3 的使用手感,所以不想换别的了,但是现在听课跟的老师用的是notepad++,所以我还去搜索了一下sublime的使用教程哈哈哈。

  • sublime text3

我很喜欢它的风格色彩,以及可以自主添加插件的便利多样化,主题也可以变的!编程也要在一个舒服的环境下编呀嘻嘻

至于主题与插件推荐,这里我放一个链接,我是从这学的,https://blog.csdn.net/mahoon411/article/details/80639056

这个软件的配色我是真的喜欢,看起来超级舒服,敲代码的时候非常愉悦

在官网下载速度特别慢,不知道是否是我的问题,我后面换了一个渠道

这里说一个快速生成骨架的方法,安装Emmet插件,然后输入html下面会有一个选项框,选择html,就会自动生成html骨架啦

我在这里遇见了个小问题,安装插件重启软件后跳出来一个框,大概意思是please wait a while for pyv8 等等,这里意思就是要下载一个pyv8插件了,其实上面那个链接中提到过,但是我看的略过了,https://github.com/emmetio/pyv8-binaries,这里放个pyv8的链接提醒一下大家啦。

新手还是尽量自己码代码骨架吧,多练习一下

  • html
  1. 常用标签:

<title></tiltle> 网页标题       <p>段落

<h1>一级标题字体样式       <h2>二级标题字体样式

标签一般成对存在,但是也存在一些自结束标签

<img> <input>:自结束标签(可单独存在)        一般格式为    <img> <img/>    <input> <input/>

<font></font>定义文字的字体、尺寸和颜色。

<p>大海是<font color="blue" size="8">蓝色</font>的</p>       

<!-- 标签名font要与属性color,size用空格隔开,属性size与属性color之间也要隔开属性有属性值的需要赋值,将属性值blue、8用引号括起来,没有则不需要。红色字体为举例 -->            

我这个例子真是。。。。。算了就这样吧

2.基础骨架:

<!DOCTYPE.HTML>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <h1></h1>
    </body>
</html>

3.注释方法:<!--       -->(跟c语言系列和python好不一样啊)这是多行注释,注释不能嵌套

//要养成写注释的情况,注释要简洁明了

4.文档声明——用来告知浏览器当前网页的版本

HTML5的文档声明:<!Doctype HTML>    <!doctype html>

5.数据

把计算机看做多个小格子的组成,一个小格子中可以储存一个1或者一个0,这个小格子在内存中被称作一位(bit)

8bit = 1 byte(字节)

1024 byte = 1 kb(千字节)

1024 kb = 1 mb (兆字节)

1024 mb =1 gb(吉字节)

1024 gb = 1 tb(太字节)

1024 tb = 1 pb(拍字节)

最小可操作单位是字节,即最小可控为8bit,8位

其实还没有停止学习,但是无论笔记长短坚持打卡更加重要一些,待会的学习笔记我放在明天一起

 题外话:同时也在进行每天80个单词的打卡!!!加油!!!

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的打卡考勤系统的 HTML 页面示例: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打卡考勤系统</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } h1 { text-align: center; margin-top: 50px; } form { display: flex; flex-direction: column; align-items: center; margin-top: 50px; } label { margin-bottom: 10px; font-size: 18px; font-weight: bold; } input[type="text"], input[type="password"] { padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; width: 300px; margin-bottom: 20px; } input[type="submit"] { padding: 10px 20px; font-size: 18px; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease-in-out; } input[type="submit"]:hover { background-color: #0062cc; } </style> </head> <body> <h1>打卡考勤系统</h1> <form action="#" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required> <label for="password">密码:</label> <input type="password" id="password" name="password" required> <input type="submit" value="登录"> </form> </body> </html> ``` 这个 HTML 页面包含一个表单,用户需要输入用户名和密码来登录打卡考勤系统。当用户点击“登录”按钮时,表单将被提交到服务器进行验证。在实际的系统中,需要使用 JavaScript 和服务器端代码来处理表单数据并进行身份验证。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值