随笔分类 -  前端

JavaScript基础
摘要：1. 引入js https://www.w3cschool.cn/javascript/ 用script标签，在其中写js代码 <script src="JS/style.js"></script> Number js不区分小数和整数 NaN表示不是一个Number类型的数据 Infinity表示无 阅读全文
posted @ 2023-03-28 10:38 Geek李 阅读(66) 评论(0) 推荐(0)
CSS
摘要：1. 导入方式 优先级：就近原则 行内样式：标题 内部样式： h1{ color: red} 3 外部样式 链接式 外部样式 导入式 暂时不了解 2. 选择器 2.1基本选择器 标签选择器 标签名 + { 代码块 } 类选择器 .类名 + { 代码块 } id选择器 井号 + id 2.2层次选择器 阅读全文
posted @ 2023-03-16 20:02 Geek李 阅读(19) 评论(0) 推荐(0)
表单
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <!-- 表单 method 规定如何发送表单数据 get我们可以通过网页看到账号密码消息(高效不 阅读全文
posted @ 2023-03-14 22:57 Geek李 阅读(28) 评论(0) 推荐(0)
网页
摘要：网页 <!-- 网页头部 --> <header> <h1>网页头部</h1> </header> <section> 网页主体 </section> <footer> 网页脚部 </footer> 阅读全文
posted @ 2023-03-14 21:31 Geek李 阅读(121) 评论(0) 推荐(0)
音频和视频
摘要：音频和视频 <!-- 音频和视频 视频video src路径 controls表示加入控制按钮 autopaly自动播放 音频audio --> <video src="..." controls autoplay></video> <audio src="../6.ogg" controls au 阅读全文
posted @ 2023-03-14 21:30 Geek李 阅读(49) 评论(0) 推荐(0)
表格
摘要：表格 <!-- 表格 tr 行，一般不用谢，有多少行写多少个 td 列，在tr标签内写入，有一列写一列 colspan 跨列 相当于在默认的表格中合并对应位置的单元格，需要对应好，不然会溢出 rowspan 跨行 同上 --> <table border="1px"> <tr> <td colspa 阅读全文
posted @ 2023-03-14 21:29 Geek李 阅读(21) 评论(0) 推荐(0)
列表
摘要：列表 <!-- 有序列表 --> <ol>城市列表 <li>西安</li> <li>承德</li> <li>北京</li> </ol> <!-- 无序列表 --> <ul>城市列表 <li>西安</li> <li>承德</li> <li>北京</li> </ul> <!-- 自定义列表 dl:标签 阅读全文
posted @ 2023-03-14 21:28 Geek李 阅读(16) 评论(0) 推荐(0)
超链接标签
摘要：超链接标签 <!-- 超链接标签 1.页面间链接 href 目标网页地址 target 中_blank是在新网页打开 _self在自己网页中打开 --> <a href="https:www.baidu.com" target="_blank" name="百度">点我打开百度</a> <br> < 阅读全文
posted @ 2023-03-14 20:56 Geek李 阅读(94) 评论(0) 推荐(0)
图片标签
摘要：图片标签 <!-- 图片标签 src 图片地址 ../代表上一级目录 alt 图片替代名,如果图片未正常显示，则会显示这个文字 title 鼠标悬停显示文字 --> <img src="../永恩.jpg" alt="永恩" title="永恩"> <br> 阅读全文
posted @ 2023-03-14 20:55 Geek李 阅读(22) 评论(0) 推荐(0)
网页基本标签
摘要：网页基本标签 <h1>这是标题标签</h1> <p>这是段落标签</p> <!--水平线标签--> <hr/> <!--换行标签--> 在这里换行<br/>换行了 <strong>这是加粗</strong><em>这是斜体</em> <!--特殊符号 格式( & + 字母组合 + ; )--> 这是 阅读全文
posted @ 2023-03-14 20:53 Geek李 阅读(13) 评论(0) 推荐(0)