随笔分类 -  Day31

摘要:iframe内联框架 iframe+tab(问题待解决) 首先,我们可以**在b站复制一个嵌入代码** 直接复制到body内 <body> <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&ci 阅读全文
posted @ 2022-04-21 21:52 无关风月7707 阅读(249) 评论(0) 推荐(0) 编辑
摘要:页面结构 页面结构分析 小练习: <body> <header><h2>网页头部</h2></header> <section><h2>网页主体</h2></section> <footer><h2>网页脚部</h2></footer> </body> 阅读全文
posted @ 2022-04-21 21:48 无关风月7707 阅读(24) 评论(0) 推荐(0) 编辑
摘要:媒体元素标签 1、视频 video+tab 音频 audio+tab <body> <!--1.视频标签 : video src : 素材路径 controls : 视频控制条(视频进度条) autoplay : 运行后视频自动播放 2.音频标签 : audio --> <video src="/c 阅读全文
posted @ 2022-04-21 21:46 无关风月7707 阅读(31) 评论(0) 推荐(0) 编辑
摘要:表格标签 1、基础知识 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签</title> </head> <body> <!--表格标签table 行 : tr 列 : td --> <table b 阅读全文
posted @ 2022-04-21 18:09 无关风月7707 阅读(169) 评论(0) 推荐(0) 编辑
摘要:列表标签 1、有序列表 ol+tab <body> <ol> <li>Java</li> <li>Python</li> <li>运维</li> <li>前端</li> <li>C/c++</li> </ol> </body> 2、无序列表 ul+tab <body> <ul> <li>Java</ 阅读全文
posted @ 2022-04-21 18:06 无关风月7707 阅读(60) 评论(0) 推荐(0) 编辑
摘要:行内元素和块元素 阅读全文
posted @ 2022-04-21 18:03 无关风月7707 阅读(18) 评论(0) 推荐(0) 编辑
摘要:超链接标签 a+tab 1、文字和图像超链接 <body> <!--a标签 href : 必填,表示要跳转到哪个页面 target : 表示页面在哪里打开,默认为self _blank : 在新标签中打开 _self : 在当前网页中打开 --> <h2>文字超链接</h2> <br/> <a hr 阅读全文
posted @ 2022-04-21 18:03 无关风月7707 阅读(438) 评论(0) 推荐(0) 编辑
摘要:图像标签 1、代码练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <!--img学习 src:图片地址 相对地址: ../ 上一级目录 / 下 阅读全文
posted @ 2022-04-21 18:01 无关风月7707 阅读(110) 评论(0) 推荐(0) 编辑
摘要:1、标题标签 h+tab <body> <!--标题标签--> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> </body> 网页生成效果如下: 2、段落标签 p+tab <bo 阅读全文
posted @ 2022-04-21 17:58 无关风月7707 阅读(212) 评论(0) 推荐(0) 编辑
摘要:1、网页基本信息 知识点(看代码注释) <!--DOCTYPE:浏览器规范,默认为html--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head><!--开放标签--> <!--meta描述性标签,用来描述网站信息--> <!-- 阅读全文
posted @ 2022-04-21 17:54 无关风月7707 阅读(274) 评论(0) 推荐(0) 编辑
摘要:初识HTML 1、什么是HTML? 2、HTML发展史 3、HTML5的优点 4、W3C标准 5、HTML基本结构 6、新建一个HTML File 以下代码为自动生成 <!DOCTYPE html> <html lang="en"> <head><!--开放标签--> <meta charset=" 阅读全文
posted @ 2022-04-21 17:52 无关风月7707 阅读(22) 评论(0) 推荐(0) 编辑

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