随笔分类 -  html 基础

摘要:使用步骤1.创建盒子 <div class="one"></div> 2.使用PxCook量取图标大小,将图标的宽高设置成为盒子的宽高 3.将精灵图片设置盒子的背景图片 background: url('./images/sprites.png') 4.用PxCook量取小图标的坐标,并取负值给背景 阅读全文
posted @ 2022-01-01 14:24 嘉琦 阅读(643) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-12-31 16:47 嘉琦 阅读(20) 评论(0) 推荐(0) 编辑
摘要:html结构代码: <form > <!-- form 为了让重置按钮生效--> <h1>青春不常在,抓紧谈恋爱</h1> <hr> 昵称: <input type="text" placeholder="请输入昵称"> <br><br> 性别: <input type="radio" name=' 阅读全文
posted @ 2021-12-31 16:39 嘉琦 阅读(123) 评论(0) 推荐(0) 编辑
摘要:结构:&+英文; 常见的字符实体 阅读全文
posted @ 2021-12-31 15:07 嘉琦 阅读(32) 评论(0) 推荐(0) 编辑
摘要:结构代码 所在城市: <select > <option selected>北京</option> <option>上海</option> <option>深圳</option> <option>广州</option> <option>杭州</option> </select> 效果图 结构代码: 阅读全文
posted @ 2021-12-31 14:47 嘉琦 阅读(70) 评论(0) 推荐(0) 编辑
摘要:场景:在网页中显示用户点击的按钮标签名:button 注意:form不能少,少了不会出效果 html代码 <form > 昵称: <input type="text" placeholder="输入用户名"> <br><br> <!-- 提交按钮 --> <button type="submit"> 阅读全文
posted @ 2021-12-30 20:55 嘉琦 阅读(701) 评论(0) 推荐(0) 编辑
摘要:场景:在网页中显示手机用户信息的表单效果。 如:登录页、注册页标签名:input 用法是通过改变type属性值,来展示不同效果 1.1 html 代码 <!--placeholder 提示符又叫占位符--> 昵称: <input type="text" placeholder="用户名" > <br 阅读全文
posted @ 2021-12-30 20:41 嘉琦 阅读(461) 评论(0) 推荐(0) 编辑
摘要:1.1表格的基本标签 语法结构:<table> /*整体包裹部分,包裹多个tr */ <tr> /* 表格的每一个行,包裹td */ <td></td> /*表格的单元格,包裹内容 */ </tr> </table> 2.1表格相关属性 属性名 属性值 效果 border 数字 边框宽度 width 阅读全文
posted @ 2021-12-30 19:55 嘉琦 阅读(317) 评论(0) 推荐(0) 编辑
摘要:1.ctrl+/ //注释代码 2.文件内容查找替换:ctrl+f ctrl+h ,替换一个ctrl+shift+1,替换所有ctrl+alt+enter 3.移动当前行,向上alt+up(方向键↑) 向下alt+down 4.跳转到文件头部/尾部:ctrl+home/end 使用tab键补充代码的 阅读全文
posted @ 2021-12-28 10:41 嘉琦 阅读(828) 评论(0) 推荐(0) 编辑
摘要:基础标签 文本格式化标签: 标签 说明 <b></b>/<strong></strong> 加粗 <u></u>/<ins></ins> 下划线 <i></i>/<em></em> 斜线 <s></s>/<del></del> 删除线 建议使用:第二种标签 图片标签: <img src='图片的所在 阅读全文
posted @ 2021-12-27 16:33 嘉琦 阅读(86) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示