Html提高——HTML5 新增的 input 类型
1、新增input的类型： 2、各类input属性代码展示与效果图 2.1、required属性 文本框一定要被填写，否则在点击提交的时候会提示需要被填写 代码： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
557.清新的化妆品响应式网页 大学生期末大作业 Web前端网页制作 html+css+js
目录 一、网页概述 二、网页文件 三、网页效果 四、代码展示 1.html 2.CSS 3.JS 五、总结 1.简洁实用 2.使用方便 3.整体性好 4.形象突出 5.交互式强 六、更多推荐 一、网页概述 本实例应用html+css+js： 导航菜单、图片轮翻、三级页面、下拉菜单、、鼠标滑动特效、视频、悬浮菜单等。适用于大学生网页课程作业设计、公司网页制作等。响应式布局可以根据不同的设备屏幕大小自动调整...
前端入门一之HTML知识讲解
前言 HTML是前端三件套之一，在MarkDown中也完美兼容这些语法；这篇文章是本人大一学习前端的笔记；欢迎点赞 + 收藏 + 关注，本人将会持续更新。 文章目录 前端开始HTML基本标记meta:无信息标记网页主体body一些标签文字与段落标记使用图像列表使用表格创建表格： 表单表单提交表单、表单名字、传递方法文字字段 ：text密码 ： password单选按钮：radio复选按钮：checkbo...
【CSS/HTML】CSS实现两列布局，一列固定宽度，一列宽度自适应方法
区设置margin4.使用display:table实现 不管是左是右，反正就是一边宽度固定，一边宽度自适应。 博客的很多主题也是这样设计的，我的其他博客也是右侧固定宽度，左侧自适应屏幕的布局方式。 html代码： <div id="wrap"> <div id="sidebar" style="height:500px;background:red;color:#fff;">固定宽度区</div> <d...
HTML流光爱心
文章目录 写在前面 本期博主给大家推荐一个由HTML代码实现的、红蓝色线条组成的流光爱心，一起来看看吧。 完整代码 <!DOCTYPE html><!--<div class="menu__subheader"><br>微信公众号：雁卿雁卿呀--><html lang="en"> <head> <meta charset="UTF-8" /> <title>流光爱心</title> <meta na...
【CSS/HTML】左侧固定，右侧自适应的布局方式理解margin负值理论
文章目录 一.浮动布局二.margin的负值(3个div)三.calc()计算属性四.flex布局 一.浮动布局 1.先让固定宽度的div浮动！使其脱离文档流。 2.margin-left的值等于固定div的宽度相等。 .aside{ float: left; width: 200px; background-color: red; } .content{ margin-left: 200px; bac...
【HTML5】html5开篇基础（3）
1.❤️❤️前言~🥳🎉🎉🎉 2.表格的相关标签 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <body> <table...
HTML粉色烟花秀
目录 系列文章 写在前面 完整代码 代码分析 写在最后 系列文章 写在前面 马上就要到2025年喽，博主用 html 给大家准备了粉色系的跨年烟花秀，一起来看看吧~ HTML（Hypertext Markup Language）是一种标记语言，用于创建网页的结构和内容。它使用一系列标签（tag）来标记文本，以指示浏览器如何展示内容。HTML是万维网的基础技术之一，它定义了网页的结构和链接方式。 HTML...
HTML5 Video标签的属性、方法和事件汇总，以及常用视频插件推荐
等。 myVideo.addEventListener('ended', function() { console.log('Video has ended.'); }); 这些方法和属性共同构成了对HTML5 <video> 元素的基本控制，使开发者能够实现诸如播放控制、音量调节、播放位置定位、全屏切换等各种功能。 常用事件： loadstart: 视频加载开始时触发。 var vid = docume...