html
神奇大叔
这个作者很懒,什么都没留下…
展开
-
HTML特性(attribute)和DOM属性(property)
是HTML标签上的某个属性,如 id、class、value 等以及自定义属性。原创 2023-07-10 14:44:03 · 1305 阅读 · 0 评论 -
img 响应式图片
对于兼容性不好的浏览器,会继续使用默认 src 属性中的图片。原创 2022-11-01 11:21:20 · 146 阅读 · 0 评论 -
html script、noscript标签
1、script (1)src (2)charset (3)async 不会阻塞浏览器解析HTML,一旦网络请求完成之后(也就是脚本加载完成之后),如果此时 HTML 还没有解析完,浏览器会暂停解析,先让执行JS脚本代码,执行完毕后再解析HTML 因为执行时间不确定,所以async是不可控的 如果存在多个async的时候,它们之间的执行顺序也不确定,都会在页面的load 事件之前执行 (4)defer 不会阻塞浏览器解析 HTML,一旦网络请求完成之后,如果此时 HTML 还没有解析原创 2022-02-25 22:22:10 · 448 阅读 · 0 评论 -
meta标签
meta name = "robots" content = "none" > // 1.none:搜索引擎将忽略此网页,等价于noindex,nofollow。// 2.noindex:搜索引擎不索引此网页。// 3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。// 4.all:搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。// 5.index:搜索引擎索引此网页。// 6.follow:搜索引擎继续通过此网页的链接索引搜索其它的网页。原创 2021-12-16 11:27:09 · 997 阅读 · 0 评论 -
html 标签全局属性
accesskey:规定激活元素的快捷键。 <a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a> 以下元素支持accesskey属性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。 class:规定元素的一个或多个类名(引用样式表中的类)。原创 2021-06-17 16:31:55 · 192 阅读 · 0 评论 -
html fieldset和legend标签
filedset:能够组合表单中的相关元素 disabled 禁用fieldset范围内的所有表单元素。 form 规定fieldset 所属的一个或多个表单。 name 规定fieldset 的名称 legend:作为filedset作用的标题 align:top、bottom、left、right; 为fieldset中的标题定义对齐方式,不赞成使用。请使用样式代替。可能存在兼容性问题效果图:代码示例: <fieldset disabled>原创 2021-04-10 14:24:36 · 544 阅读 · 0 评论 -
html sub和sup标签
标签的内容将会在当前字符高度的一半为基准线的下/上方,字体大小会小一定。效果图:代码示例: <div className='jf-badge-container'> H<sub>2</sub>O O<sup>2</sup> </div>原创 2020-12-14 15:18:02 · 800 阅读 · 0 评论 -
h5 画布canvas标签
画布 canvas标签,通过控制坐标在canvas上绘制图形 能够配合js实现非常复杂的动画效果 <canvas></canvas> 获得画笔(只能在js中使用) 对象.getContext("2d"); 在js中,获得该对象后 var ctx=canvas.getContext("2d"); 获得2d画笔 绘画(无颜色) 矩形...原创 2019-11-16 00:18:40 · 225 阅读 · 0 评论 -
h5 embed视频/音频等脚本嵌入标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <embed src="http://player.youku.com/embed/XNDM5ODc2OTc0N...原创 2019-11-15 22:53:17 · 525 阅读 · 0 评论 -
h5 音频
音频 <audio src=""></audio>属性如图音乐/视频媒介audio标签内使用,可以改变音乐/视频格式 <audio controls> <source src="http://music.163.com/song/media/outer/url?id=317151.mp3"></source> ...原创 2019-11-15 22:43:09 · 226 阅读 · 0 评论 -
h5 视频
视频 <vedio src="xx" 属性></vedio>视频属性代码示例:<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <video src="http://cl...原创 2019-11-15 22:22:28 · 160 阅读 · 0 评论 -
h5 输入提示框
输入框提示列表input的list属性必须和datalist的id属性相同,才能有输入提示框 datalist中的内容将会被隐藏代码示例:<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <...原创 2019-11-15 21:54:15 · 1173 阅读 · 0 评论 -
h5 新增语义化结构标签、其他新标签
头部 <header>头部</header>导航 <nav>导航</nav>定义文档中的节。章节、页眉、标题 <section>节</section>侧边栏 <aside>侧边栏</aside>页脚 <footer>页脚</footer>独立完整的内容块 &...原创 2019-11-15 11:29:02 · 256 阅读 · 0 评论 -
h5 input新增属性
默认提示内容 placeholder <input type="text" placeholder="请输入用户名" />多输入,多提交 multiple 支持一个域中多输入,逗号隔开,一般配合邮箱和url类型使用 <input type="email" multiple /> <input type="url" multiple/>...原创 2019-11-15 10:48:13 · 190 阅读 · 0 评论 -
h5 新增input类型
input新增,自带校验功能 邮箱 type="email" 必须包含@,且@后有内容 搜素框 type="search" 搜索内容后多个×号,和浏览器有关 重置 type="reset" url类型 type="url" 内容必须包含http://,且后面有内容 颜色选择框 type="color" 数字 typ...原创 2019-11-15 10:30:24 · 429 阅读 · 0 评论 -
html label标签
label 元素不会向用户呈现任何特殊的样式属性for 要绑定元素的id,使得如点击label文本和点击单选框的圈效果一样<form><label for="male">Male</label><input type="radio" name="sex" id="male" /><br /><label for="fe...原创 2019-11-14 19:19:25 · 288 阅读 · 0 评论 -
html 模拟注册页
<html> <head> <title>注册页面</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> </head> <body> <h3 align="center">注册页面<...原创 2019-10-17 22:36:16 · 237 阅读 · 0 评论 -
html 模拟百度和模拟360
百度搜索java的urlhttps://www.baidu.com/s?wd=java&rsv_spt=1&rsv_iqid=0x9f31aa5c00116d2b&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=monline_3_dg&rsv_enter=1&rsv_dl=...原创 2019-10-17 20:06:40 · 952 阅读 · 0 评论 -
html 表单和表单域标签input、textarea、select
form表单标签学习: 收集并提交form标签内form表单域中用户数据,按照method提交方式给 action指定的提交地址 属性: action 收集的数据所提交的地址 action="#" 数据会自己提交自己 method 提交方式:提交表单数据,不管是哪种方式都需要name属性 get:适合小量数据,表单数据以?隔...原创 2019-10-17 15:04:43 · 830 阅读 · 0 评论 -
html 框架标签frameset学习、代码实现主页和子页的跳转
**框架标签学习:** 不能在body标签内写 将一个网页切成块,每一块都能独立地加载资源 frameset内可以多嵌套frameset,然后用frame占位,实现再次切分已经切好的块 <frameset > <frame src="" /> <frame /> <frame /> </fram...原创 2019-10-16 14:46:56 · 744 阅读 · 0 评论 -
html 内嵌标签iframe
【代码】html 内嵌标签iframe。原创 2019-10-16 14:35:58 · 862 阅读 · 0 评论 -
html 表格合并案例、多个表格合并去除重边框
多个表格去除重边框 css代码: <table style="border-bottom:none;"></table> 去除下边框 <table style="border-top:none;"></table> 去除上边框代码示例:<html> <head> <title>求职表格&l...原创 2019-10-15 23:13:22 · 1089 阅读 · 0 评论 -
html 预格式文本标签、尖括号字符形式
**预格式文本标签:原样输出标签内的内容,内容什么格式输出就什么格式** <pre></pre> <pre> 锚点: 在一张网页中进行资源跳转 <a href="#锚点名"></a> 跳转到锚点name处 <a name="锚点名">访问名称</a> 回到顶部:...原创 2019-10-15 23:08:20 · 581 阅读 · 1 评论 -
html 合并单元格
合并单元格学习: 快捷生成表格 table>tr*4>td*5 加tab,生成四行五列的表格 合并单元格:其中一个单元格占据其单元格,然后删去其他单元格 列合并两个单元格: <td colspan="2"></td> 行合并两个单元格: <td rowspan="2"></td> 合并标题标签单元格时应注意,...原创 2019-10-14 23:56:49 · 493 阅读 · 0 评论 -
html 表格的标签
**表格标签(设置表格的宽高不能限定每个单元格大小都一样):** <table> <tr> //表示一行 <th></th> //表示一个单元格,一般用于表头格,默认居中加黑 <td></td> //表示一个单元格 </tr> </table&g...原创 2019-10-14 23:03:41 · 253 阅读 · 0 评论 -
html 锚点
**锚点:** 在一张网页中进行资源跳转 <a href="#锚点名">点击访问名称</a> 跳转到锚点name处 <a name="锚点名"></a> 回到顶部: <a href="#">回到顶部</a> //#表示刷新当前网页,即回到顶部**代码示例:**<html> <...原创 2019-10-14 20:34:46 · 182 阅读 · 0 评论 -
html 超链接
**超链接(行内元素)** <a>一定要写点击超链接名称,可以是文字或图片</a> 属性 href 写要跳转的网页资源路径 资源: 本地资源:相对路径/绝对路径,本地的html文件 网络资源:网页的url title 鼠标放置超链接显示的文字 <a href="4.html" title="4.ht...原创 2019-10-14 20:32:08 · 350 阅读 · 0 评论 -
html 图片标签
**图片标签:**默认不换行,成为行内元素 <img/> 属性 src:图片路径 路径: 相对路径:从当前文件出发查找的路径,只能查找当前文件的内容 绝对路径:从根盘符出发所查找的路径 网络路径:图片资源的URL 在设置图片大小时,设置其中一个属性,另一个属性会在图片不失真的情况下自动变化 width ...原创 2019-10-14 16:36:10 · 147 阅读 · 0 评论 -
html body列表标签
**列表标签:** 列表内的数据可嵌套权重标签使用 无序列表 <ul> <li></li> 该标签中书写列表内容,一个li标签代码列表中的一行数据 特点:默认数据前有黑点 <h1></h1> 列表中可嵌套标题标签 </ul> **有序列表** 默认为数字排序 <o...原创 2019-10-13 23:00:20 · 154 阅读 · 0 评论 -
html body文本标签
**标题标签:** h1到h6:将其中数据加粗加黑,依次显示变小,都自动带换行的功能 属性: 位置 align:center left right,居中、居左和居右 <h1 align="center"> 居中 <h1></h1> **水平线标签:** <hr/> 属性: width:宽度 ...原创 2019-10-13 18:31:55 · 305 阅读 · 0 评论 -
HTML head标签
**head标签内容包括**: 网页标题标签:<title></title> 编码格式标签:<meta charset="utf-8"/> <meta http-equiv="content-type" content="text/html;charset="utf-8"/> 网页搜索优化标签:关键字、网页简要描述、作者 <meta ...原创 2019-10-13 11:14:35 · 137 阅读 · 0 评论 -
HTML 开篇基础
<html> <head> <!-- 只要是配置浏览器显示数据的配置信息 例如:字符编码等 一般是给浏览器进行使用 --> </head> <body> <!-- 给用户进行数据展示 --> this is my first html </body></html>...原创 2019-10-10 22:14:19 · 202 阅读 · 1 评论