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

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