HTML
关注
分享
扫一扫
文章平均质量分 86
HTML
若年封尘
这个作者很懒，什么都没留下…
展开
-
2022大厂高频面试题之HTML篇
DOCTYPE、严格模式/混杂模式块级标签和行内标签H5新特性Web语义化src和href的区别display:none与visibility：hidden的区别重绘和重排什么时候触发重排和重绘减少重绘和重排原创 2023-11-02 23:40:06 · 3284 阅读 · 2 评论 -
locationStorage和sessionStorage的用法总结
文章目录webStoragelocalStoragesessionStorage用法webStorage存储内容大小一般支持5MB左右（不同浏览器可能还不一样）浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。相关API：xxxxxStorage.setItem('key', 'value');该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。xxxxxStora原创 2021-08-27 17:23:54 · 2869 阅读 · 1 评论 -
用一个浏览器实现n倍速播放本地视频
用浏览器倍速播放本地视频(.flv,.mp4……)，再也不用下载播放器了！当我们想要学习一些技术时，可能需要下载教学视频到本地，但有些视频的格式电脑自带的播放器并不支持播放（就比如.flv格式的视频）或者是嫌视频语速太慢。 这个时候可能就需要自己从网上下载一些可以播放不常见格式视频的可以倍速播放的播放器，但往往搜索半天也找不到自己中意的一款播放器，令人头秃！笔者用html5中的video标签...原创 2019-12-19 17:46:30 · 9009 阅读 · 11 评论 -
html map热点链接图像映射
用html中的map属性实现 带有可点击区域的图像映射。<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href...原创 2019-11-19 15:36:13 · 863 阅读 · 0 评论 -
html5块级元素、内联元素、内联块状元素介绍及嵌套规则
HTML中标签元素分为三种：块状元素（block），行内元素（inline），行内块状元素（inline-block）。一、块级元素：1.每一个块级元素独占一行，下一个块级元素要另起一行。2.元素的高度、宽度、行高以及顶和底边距都可设置。3.元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）。4.可以容纳内联元素和其他块级元素。常见块级元素：二、内联元素（行...原创 2019-11-19 14:50:23 · 1735 阅读 · 0 评论 -
用marquee实现炫酷的文字滚动效果
html标签marquee可以实现多种滚动效果，而且不仅可以移动文字，也可以移动图片，表格等。语法：<marquee>...</marquee>；说明：在标记之间添加要进行滚动的内容。marquee常用到的两个事件：onMouseOut=“this.start()” 当鼠标移出该区域时onMouseOver=“this.stop()” 当鼠标移入该区域时...原创 2019-10-17 21:44:44 · 894 阅读 · 0 评论 -
HTML表单验证pattern
表单验证常应用于登录界面用户名和密码的条件设置pattern 属性规定用于验证 元素的值（正则表达式），当符合要求条件才可以提交。示例代码：<form action="" method="get">输入三个英文字母代码：<input type="text" name="mycode" pattern="[A-z]{3}" title="要求代码" /><...原创 2019-10-11 17:56:37 · 2748 阅读 · 0 评论 -
label实现点击文字选择或取消单选/复选框的勾选状态
label 标签<label></label>为 input 元素定义标记，不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。注意： 标签的 for 属性必须与相关元素的 id 属性相同。单选复选框 ：点击旁边文字实现选择或取消 ...原创 2019-10-11 16:53:06 · 1964 阅读 · 0 评论 -
HTML输入文本框placeholder（提示文字，填写内容时消失）
placeholder 属性input文本框内添加提示文字,该提示会在用户输入值之前显示在输入字段中，填写内容时消失。适用于下面的 input 类型：text、search、url、tel、email 和 password。<input placeholder="提示语..."></input> placeholder 文本也可以指定属性。::-webki...原创 2019-10-03 22:26:56 · 2552 阅读 · 0 评论 -
常见的 HTML 事件
HTML 事件是发生在 HTML 元素上的“事情”，是浏览器或用户做的某些事情。当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件。事件句柄：onabort 图像的加载被中断。onblur 元素失去焦点。onchange 域的内容被改变。onclick 当用户点击某个对象时调用的事件句柄。ondblclick 当用户双击某个对象时调用的事件...原创 2019-09-30 11:06:42 · 505 阅读 · 0 评论 -
CSS定义超链接四个状态的正确顺序L-V-H-A
CSS定义超链接的先后排列顺序: L-V-H-A 。L-V-H-A是link、visited、hover、active的简写。 它们分别表示 ：L:link 超链接的默认样式V:visited 访问过的（已经看过的）链接样式H:hover 鼠标处于鼠标悬停状态的链接样式A:active 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式一般超链接4种状...原创 2019-09-26 00:41:19 · 3344 阅读 · 1 评论 -
HTML、CSS、JavaScript开发规范
尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。属性顺序HTML 属性应该按照特定的顺序出现以保证易读性。idclassnamedata-xxxsrc, for, type, hreftitle, altaria-xxx, roleIE 兼容模式优先使用最新版本的IE 和 Chrome 内核 <...原创 2019-09-23 11:28:19 · 281 阅读 · 0 评论 -
HTML表单元素
表单：HTML中获取用户输入的手段。HTML单行文本框代码：<!DOCTYPE html><html><head> <title>表单元素</title></head><body><!-- 文本输入框 --> <form method="get" action="PHP文件名.ph...原创 2019-04-08 15:06:00 · 307 阅读 · 0 评论 -
HTML、CSS基础知识及实用技巧（更新中~）
HTML基础知识：1、HTML是指 超文本标记语言（Hyper Text Markup Language）。2、Web 标准的制定者是 万维网联盟（W3C）。3、添加背景颜色 <body bgcolor="yellow">。4、产生粗体字的 HTML 标签:<b>;产生斜体字的 HTML 标签：<i>；产生超链接的HTML标签：<a href="h...原创 2019-04-03 23:00:47 · 670 阅读 · 1 评论 -
HTML学习日记<2>-导航菜单
当我们浏览网站时，会发现有的导航菜单十分的好看，到底怎样做出精彩的效果呢？我们一起来看看。代码编写：<!DOCTYPE html><html><head> <title>网页标题</title><!-- 显示网页标题，若title标签为空，则显示文件名。 --> <meta charset="utf-8"&g...原创 2019-03-30 18:29:37 · 328 阅读 · 0 评论 -
HTML学习日记<1>-排版布局
其实，在网页制作中，页面上的元素就是块与块之间的关系，他们存在着三种状态：块挨着块，块嵌套着块，块叠压着块。通过css将这些块摆放正确，网页中的布局也自然就会完美了！一、网页的一列布局：<!DOCTYPE html><html><head> <title>网页标题</title><!-- 显示网页标题，若title标签为空...原创 2019-03-30 16:25:09 · 1637 阅读 · 0 评论 -
HTML编写基本框架及发展史
<!DOCTYPE html><html><head> <title>网页标题</title><!-- 显示网页标题，若title标签为空，则显示文件名。 --> <meta charset="utf-8"><!-- 用来在HTML文档中模拟HTTP协议的响应头报文。 --> <link...原创 2019-03-30 14:09:31 · 486 阅读 · 0 评论