HTML+CSS+JavaScript教程学习笔记.zip_前端开发学习笔记资源-CSDN下载

共14个文件

html：8个

css：3个

json：1个

html

javascript

课程资源

5星 · 超过95%的资源需积分: 1 25 浏览量 2024-01-01 16:36:02 上传评论 2 收藏 20KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JavaScript教程学习笔记.zip （14个子文件）

code_111230

demo01.html 5KB

demo06.html 3KB

.vscode

extensions.json 29B

demo02.md 662B

demo05.html 1KB

demo03.html 2KB

style

demo01.css 36B

demo05.css 1KB

demo07.css 1KB

demo02.html 4KB

demo04.html 2KB

index.html 6KB

images

demo07_logo.png 8KB

demo07.html 1KB

<!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>index</title> </head> <body> <nav>  <a href="./index.html">首页</a> <a href="../about_me.html">关于我们</a> <a href="/login">登录</a> <img src="/Downloads/5ee5a00561704069becae72ff65cc279.png" alt="图片加载失败。。。" height="20px"> <hr> </nav> <header> 头部信息<br> <a href="https://www.bilibili.com/video/BV16J411j7gz">详细视频教程：【晓舟报告】从零开始学前端-网页重构</a> <hr> </header> <aside> 侧边栏 </aside> <main> <section> <article>这是一篇博客</article> <p><b>这是一篇博客</b>这是一篇博客</p><b>这是一篇博客</b> <p>这是一篇博客</p> <p>这是一篇博客</p> </section> <section>  <h1>hello world1</h1> <h2>hello world2</h2> <h3>hello world3</h3> <h4>hello world4</h4> <h5>hello world5</h5> <h6>hello world6</h6> <h7>hello world7</h7>  <p>hello world</p>  <ul> <li>香蕉</li> <li>苹果</li> <li>鸭梨</li> </ul> <ol> <li>香蕉</li> <li>苹果</li> <li>鸭梨</li> </ol>  <table border="1"> <thead> <th>序号</th> <th>姓名</th> <th>年龄</th> </thead> <tbody> <tr> <td>1</td> <td>小红</td> <td>2</td> </tr> <tr> <td>2</td> <td>小明</td> <td>4</td> </tr> <tr> <td>3</td> <td>小亮</td> <td>5</td> </tr> </tbody> </table> <br>  <table border="1"> <tr> <td colspan="4" align="center">学生列表</td> </tr> <tr>  <td rowspan="3">1班</td> <td>1</td> <td>小红</td> <td>2</td> </tr> <tr> <td>2</td> <td>小明</td> <td>4</td> </tr> <tr> <td>3</td> <td>小亮</td> <td>5</td> </tr> </table> <a href="https://www.w3school.com.cn/tiy/t.asp?f=eg_html_table_span">更多测试。。。</a><br><br>   <form action=""> <label for="username">用户名</label> <input id="username" type="text" placeholder="用户名"> <label for="password">密码</label> <input id="password" type="password" placeholder="密码"> <select name="" id=""> <option value="">男</option> <option value="">女</option> </select>  <input name="sex" type="radio" id="male"><label for="male">男</label> <input name="sex" type="radio" id="female"><label for="female">女</label>   <input type="checkbox"> <input type="checkbox">  <input type="submit" value="登录"> <input type="button" value="按钮"> <br><a href="https://www.w3school.com.cn/tags/tag_input.asp">查看更多input标签属性和功能。。。</a> </form> </section> <section> <h3>公司业务</h3> <div> <div>网站开发</div> <div>软件开发</div> <div>App开发</div> </div> </section> </main> <hr> <footer>底部信息</footer> </body> </html>

评论收藏

内容反馈