随笔分类 - HTML5
HTML的一些基础笔记
2022/3/6创建此分类
摘要:10.1 表单的应用和初级验证提示 <body> <h1>注册</h1> <form action="1.我的第一个网页.html" method="get"> <p>名字: <input type="text" name="username" value="默认初始值为intelliyu" max
阅读全文
摘要:10. 表单的注册 <body> <!--表单form <form></>form>需要写在form标签之内 <form action="1.我的第一个网页.html" method="get"> action:表单提交的位置,可以是网站,也可以是一个请求处理地址 method: get/post
阅读全文
摘要:9. 内联框架 <body> <iframe src="" frameborder="0" width="900px" height="700px" name="hello"></iframe> <a href="1.我的第一个网页.html" target="hello">点击我跳转</a> </
阅读全文
摘要:8. 简单网页布局 <body> <!--头--> <header> <h2> 页面头部</h2> </header> <!--主--> <section> <h2>Hello World ! </h2> </section> <!--脚--> <footer> <h2>页面脚部</h2> </fo
阅读全文
摘要:7. 媒体元素 <!--视频--> <video src="../resources/video/视频1.mp4" controls autoplay></video> <!--音频--> <audio src="../resources/video/视频1.mp4" controls autopl
阅读全文
摘要:6. 表格 <!-- border 表示表格线的宽度 tr 表示行 td 表示列 <td colspan="3">4-1</td> 表示跨列 跨3列 <td rowspan="2">5-1</td> 表示跨行,跨2行 --> <table border="2px"> <tr> <td>1-1</td
阅读全文
摘要:5. 列表 1. 有序列表 <!--oder list--> <ol> <li>Java</li> <li>Python</li> <li>运维</li> <li>前端</li> <li>C/C++</li> </ol> 2. 无序列表 <!--应用范围:导航,侧边栏--> <ul> <li>Jav
阅读全文
摘要:4. 超链接标签 1. 普通链接 <a href="https://www.baidu.com" target="_blank">点击我跳转到百度(可以是文字也可是图片)</a> <!--点击图片的形式打开--> <a href="https://www.bilibili.com" target="
阅读全文
摘要:3. 图像标签 <img src="../resources/image/1.jpg" alt="图片显示错误替代文字" title="这是个鼠标悬停文字" width="300" height="500"> src:(必填)代表图片路径(相对路径(用的多,相对于这个项目的路径(要把图像拷贝到项目中
阅读全文
摘要:2. 基本标签 1. 标题标签 <h1>一级标签</h1> <h6>六级标签</h6> 2. 段落标签 <p></p> 3. 换行标签 <br/> 4. 水平线标签 <hr/> 5. 字体样式标签 5.1 粗体标签 <strong>粗体</strong> 5.2 斜体标签 <em>斜体</em> 6
阅读全文
摘要:<!--学习的是html5--> <!-- 这是注释 Intellij IDEA快捷键为Ctrl+/ p按Tab 快速生成<p></p> 按Tab按Tab按Tab按Tab按Tab按Tab --> <!-- DOCTYPE:告诉浏览器我们要使用什么规范 --> <!-- head标签代表网页头部-->
阅读全文
摘要:1.前端: HTML、CSS(美化网页)、JS(让网页动起来,有交互行为)、Vue框架(前后端分离) 2.前端之HTML:什么是HTML ? HTML(Hyper Text Markup Language超文本标记语言) 现阶段学习HTML5+CSS3 W3C 万维网联盟(标准:结构化标准语言:HT
阅读全文