【HTML】
文章平均质量分 87
html相关的基础知识、问题、技巧等,请按Ctrl+F,进行关键词搜索,可以快速找到想要的内容哦。
Hey_Coder
业精于勤,荒于嬉;行成于思,毁于随。
展开
-
【HTML 标签的 参考列表 (按字母排列)】
HTML 标签的 参考列表按照 字母 排列特殊标签ABCDEFHIKLMNOPQRSTUVW原创 2019-11-02 19:07:21 · 836 阅读 · 0 评论 -
【HTML 标签的 参考列表 (按 功能分类 排列)】
HTML 标签的 参考列表★ 按照 功能分类 排列⑴ 基础标签⑵ 格式标签① 格式标签② HTML5 中的 格式标签⑶ 表单标签① 表单标签② HTML5 中的表单标签⑷ 框架标签⑸ 图像标签① 图像标签② html5 中的 新图像标签⑹ 音频/视频 标签⑺ 链接标签⑻ 列表标签⑼ 表格标签⑽ 样式标签 & 节标签① 样式标签 & 节标签② HTML 5 中的 样式标签 & 节标签⑾ 元信息 标签 (文档信息 标签)⑿ 编程原创 2019-11-02 19:04:56 · 1625 阅读 · 0 评论 -
【如何 在 HTML 页面中显示数学公式】
如何在 html 页面中,显示数学公式?使用显示库 MathJaxMathJax 是一个开源的 web 数学公式 渲染器,由JS编写而成。MathJax 允许你在你的网页中包含公式,无论是使用 LaTeX、MathML或者AsciiMath符号,这些公式都会被 javascript 处理为 HTML、SVG 或者 MathML符号。示例:① 在 script 标签中 引入mathjax② 在<!DOCTYPE html><html lang="en">.原创 2021-03-17 19:09:02 · 13090 阅读 · 3 评论 -
【HTML 元素的分类】
html 元素的分类1. 替换元素 与 非替换元素 (实际内容的显示 是否和属性相关)2. 块级元素和行内元素 (是否 独占一行)3. 元素类型 和 对属性的影响♣ 结束语1. 替换元素 与 非替换元素 (实际内容的显示 是否和属性相关)⑴ 替换元素(replaced element)替换元素 ⇒ 单标签(无属性) 无内容,添加 属性 有实际内容。没有实际内容,一般是 空标签。①...原创 2019-12-10 21:10:25 · 290 阅读 · 0 评论 -
【HTML 中 src 和 href 属性的区别】
使用 src资源url 和 href引用url 属性 的标签有哪些 ?⑴ src① img 图片: <img src="/img/1.png" alt="1" />② iframe 内联框架: <iframe src="girl.gif"></iframe>③ frame 框架: <frame src="frame_a.htm"...原创 2019-11-04 17:39:05 · 1770 阅读 · 2 评论 -
【路径: 相对路径 和 绝对路径】
路径: 相对路径 和 绝对路径1. 路径 和 路径的分类1.1 相对路径1.2 绝对路径结束语1. 路径 和 路径的分类⑴ 路径在 html 中,指的就是 找到一个文件 需要用到的地址,比如,在网页中 插入图片时,需要使用 资源地址src 属性 来指明 图片的地址 url,这个地址 url = 路径 <img src="wo.jpg" alt="我的帅照" width=...原创 2019-11-03 20:37:17 · 784 阅读 · 0 评论 -
【深入理解 script 标签的 async,defer 属性(同步加载,异步加载,延迟执行)】
async,defer 属性 同步加载,异步加载,延迟执行1.异步加载 和 延迟执行 存在的意义 : 避免影响 页面渲染/显示2. 同步 加载和执行 (影响 页面解析/渲染/显示)3. async 属性: 异步加载 (不是 异步执行,搭配 src 属性,仅限外部脚本)4. defer 属性: 延迟执行 (不是 延迟加载,加载是 并行的,搭配 src 属性,仅限 外部脚本 )5. 同步加载,异步加...原创 2019-10-31 21:45:16 · 5965 阅读 · 0 评论 -
【meta 标签的 http-equiv="X-UA-Compatible" 使用说明】
http-equiv="X-UA-Compatible" 使用说明1. X-UA-Compatible 存在的意义: 指定 IE 浏览器 解析网页时 使用哪个版本 (文档模式)2. X-UA-Compatible 的 使用示例3. 双核浏览器 兼容思路 (搭配 meta 标签)1. X-UA-Compatible 存在的意义: 指定 IE 浏览器 解析网页时 使用哪个版本 (文档模式)指定...原创 2019-10-30 17:07:10 · 2071 阅读 · 0 评论 -
【div,section,article 标签的 使用区别】
div,section,article 的使用区别1. 结构元素 存在的意义2. div,section,article 的使用区别2.1 div 标签的使用 (文档的 分区 或节)2.2 section 标签的使用 (主题性的 文档的分区/节)2.3 article 标签的使用 (可分离的 完整独立的 主题性内容)1. 结构元素 存在的意义结构 元素:结构 清晰: 在 HTML5 中...原创 2019-10-27 16:39:31 · 2712 阅读 · 0 评论 -
【input 标签的 type 属性详解】
input 标签的 type 属性详解1. input 输入标签的type 属性1.1 input 标签的 type类型 属性的常用属性值⑴ type="text"⑵ type="button"⑶ type="checkbox"⑷ type="file"⑸ type="hidden"⑹ type="image"⑺ type="password"⑻ type="radio"⑼ type="rese...原创 2019-09-30 17:41:34 · 50860 阅读 · 7 评论 -
【编程标签】
编程标签编程标签1. script 定义客户端脚本编程标签标签名用于<script>定义 客户端脚本。<noscript>定义 针对 不支持客户端脚本 的用户的 替代内容。<object>定义 嵌入的对象。<param>定义 对象的参数。<embed>html5 标签 . 为 ...原创 2019-06-18 15:29:56 · 677 阅读 · 0 评论 -
【样式标签 & 节标签】
1. 样式标签 & 节标签1.1 style 如何为 HTML 文档定义 样式 ?1.1.1 style 样式标签 的属性 有哪些 ?1.2 div 如何定义 分区 (组合块级元素)?1.3 span 如何组合 行内元素 ?2. HTML 5 中的样式标签 & 节标签2.1 header 如何定义 文档的 页眉(介绍信息) ?2.2 footer 如何定义 文档或节的页脚 ?2.3 section 如何定义 文档中的 节(区段) ?2.4 article 如何规定 独立原创 2019-06-12 18:40:32 · 1820 阅读 · 0 评论 -
【表格标签】
表格标签1. table 表格1.1 table 标签 的 可选的属性2. caption 表格标题2.1 caption 标签 可选的属性 align3. tr 表格的行3.1 tr 标签 的可选属性4. th 表头单元格 & td 数据单元格4.1 th 标签 和 td 标签 的 可选的属性5. thead tbody tfoot 对表格中的行 进行分组6. col 为每列 定义属性/样式7. colgroup 对列 进行分组8. table 表格示例原创 2019-06-05 11:54:14 · 1119 阅读 · 0 评论 -
【图像标签】
1. 图像标签1.1 图像标签 有哪些 ?1.2 html5 中的 新图像标签 有哪些 ?1.3 ★ img: 在网页中 嵌入一个图片 (src,alt 必需)1.3.1 img 图片 标签的 属性⑴ alt 属性: 图片 替代文本❤ 图像替代文本 alt 属性 和 title 属性的区别⑵ height +width 属性: 高度和宽度 (预留空间)⑶ ismap 属性: 服务器 映射图片 (布尔属性,图像坐标, img 是 a 后代)⑷ usemap 属性: 客户端 映射图片( 绑定原创 2019-05-24 08:51:19 · 3398 阅读 · 0 评论 -
【canvas 图形画布标签】(使用详解)
canvas 图形画布标签1. 如何定义一个 图形画布 ?1.1 canvas 图形画布 标签的属性 有哪些 ?1.2 canvas 图形画布的 基本用法 有哪些 ?1.3 如何使用 canvas 图形画布 标签 来绘制图形 ?1.3.1 画布栅格和坐标空间1.3.2 绘制矩形1.3.3 绘制路径1.3.4 移动笔触1.3.5 绘制 线段1.3.6 绘制 圆弧和圆弧1.3.7 二次 贝塞尔曲线 和...原创 2019-05-23 23:22:06 · 3632 阅读 · 1 评论 -
【浏览器介绍】
浏览器介绍1.什么是网页1.1 网页是什么1.2 通过什么阅读网页?1.什么是网页1.1 网页是什么本质是 纯文本 文件: 网页是一个包含 HTML 标签的 纯文本文件文件扩展名: 为.html或.htm)。为什么在源文件看不到任何图片?网页文件 中存放的只是 图片的链接位置,图片文件与网页文件是 互相独立存放的两个文件,也可以不在同一台计算机上。网页存放在哪里?存...原创 2019-03-12 22:54:28 · 2259 阅读 · 1 评论 -
【表单标签(知识点超全版本)】
表单标签1.表单标签1.1 表单标签 有哪些 ?1.2 HTML5 中的表单标签 有哪些 ?1.3 如何 为用户输入 创建 HTML 表单 ?1.4 如何 搜集 用户输入的信息 ?1.4.1 输入标签 有哪些常用属性 ?1.4.2 HTML5 中,输入标签 新增的属性 有哪些 ?1.4.3 输入元素的 类型有哪些 ?1.5 如何定义 多行文本输入 ?1.6 如何定义一个 按钮 ?1.7 如何创...原创 2019-05-04 20:49:01 · 6047 阅读 · 0 评论 -
【框架标签】
(重点) ★ iframe: 页面嵌套(HTML 页面 嵌入到当前页面)1.2.1 iframe 内联框架 标签的属性(1) height 属性+width 属性: 高度和宽度(像素,百分比)(2) name 属性: 内联框架 名称 (搭配其他标签的 target)❤ 内联框架的可访问性:标签内容,title 属性(3) src 属性: 嵌入页面的 地址(url)⑷ referrerpolicy 属性: referrer 发不发,发什么 (源网址 or 完整网址)1.2.2 iframe 内联原创 2019-05-05 09:17:04 · 1718 阅读 · 0 评论 -
【元信息标签】
元信息标签1. 文档信息标签1.1 文档信息标签 有哪些 ?1.2 head 什么是 所有头部元素的 容器 ?1.2.1 head 头部标签 的可选的属性1.2.1 head 头部标签 的子元素 有哪些 ?1.3 meta 如何提供 关于文档的 元信息 ?1.3.1 文档的 meta 元信息标签 的必需属性1.3.2 文档的 meta 元信息标签 的可选属性1.4 base 如何规定 所有链接的 默认地址 或 默认目标 ?1.4.1 base 基准 url 或目标 标原创 2019-04-29 17:22:29 · 955 阅读 · 0 评论 -
【格式标签】
1. 格式标签1.1 格式标签有哪些 ?1.2 HTML5 中的格式标签 有哪些 ?1.3 acronym [已废弃] 如何定义 首字母缩写 ?1.4 abbr 如何定义 简称 或缩写 ?1.5 address 如何定义 文档或文章的 作者/拥有者 的 联系信息 ?1.6 tt i b big small 规定字体样式的 元素 有哪些 ?1.7 bdi 如何设置 隔离 文本的方向 ?1.8 bdo 如何 覆盖重写 默认的 文本方向 ?1.9 blockquote 如何定义原创 2019-04-29 17:25:19 · 1660 阅读 · 0 评论 -
【基础标签】
基础标签1. HTML 的基础标签1.1 基础标签 有哪些 ?1.2 HTML 文档类型声明 用什么 ?1.3 如何告诉浏览器 文件是一个 HTML 文档 ?1.3.1 根标签的 常用属性 有哪些 ?1.4 如何定义 文档的标题 ?1.5 如何定义 文档的主体 ?1.6 如何定义 标题 ?1.7 如何定义 段落 ?1.8 如何在 HTML 页面中 创建一条 水平线 ?1.9 如何在源代码中 插入...原创 2019-06-20 01:41:55 · 370 阅读 · 0 评论 -
【HTML 中的二次贝塞尔曲线 和三次贝塞尔曲线】(使用说明详解)
二次 贝塞尔曲线 和三次 贝塞尔曲线 使用说明 1. 二次 贝塞尔曲线 和三次 贝塞尔曲线1.1 贝塞尔曲线的 基本知识1.2 贝塞尔曲线 生成动图1.3 HTML 中 画贝塞尔曲线的 2 种方法1.4 二次 贝塞尔曲线 使用1.4.1 二次 贝塞尔曲线的创建1.4.2 二次 贝塞尔曲线的 弯曲处宽窄控制1.4.3 二次 贝塞尔曲线的伸缩和平移1.4.4 二次 贝塞尔曲线 控制点的取值 和弯曲方向...原创 2019-05-09 22:56:36 · 8334 阅读 · 2 评论 -
【音频和视频标签】
1. html5中的 音频/视频标签1.1 audio 如何定义声音 ?1.1.1 audio 声音标签 HTML5 中的新属性 有哪些 ?1.2 source 如何规定 可替换 的 视频/音频 文件 ?1.2.1 source 资源标签的属性 有哪些 ?1.3 track 如何为媒体资源 规定 外部文本 轨道 ?1.3.1 track 轨道标签的属性 有哪些 ?1.4 video 如何定义 视频 ?1.4.1 video 视频标签的属性 有哪些 ?1.4.2 支持不同浏原创 2019-05-25 15:50:11 · 6427 阅读 · 0 评论 -
【链接标签】
链接标签1. 链接标签1.1 链接标签 有哪些 ?1.2 标签如何从一张页面 链接到另一张页面 ?1.2.1 a 超链接 标签的属性 有哪些 ?1.2.2 a 超链接 标签的HTML5 中的新属性 有哪些 ? 标签的 shape 属性shape属性 的属性值 标签的 target 属性打开 新窗口在框架中 打开窗口特殊的目标target属性值 type 属性 标签 标签的属性 标签的 medi...原创 2019-05-26 15:48:44 · 1610 阅读 · 0 评论 -
【列表标签】
列表标签列表标签 标签ul标签的 可选的属性 标签的 compact 属性 标签的 type 属性ul标签 的type属性 的属性值 标签ol标签 的属性 reversed 属性 标签的 start 属性 标签的 type 属性ol标签 type属性 的属性值 标签 标签的 type 属性 标签的 value 属性 标签 标签 标签 标签 标签menu 标签 的 html5 新属性 label 属...原创 2019-05-28 10:44:42 · 2314 阅读 · 0 评论 -
【 HTML 基础教程】
HTML1.什么是 HTML1.1 HTML 是什么意思?1.1 “超文本”是什么意思?1.2 超文本标记语言的结构1.什么是 HTML1.1 HTML 是什么意思?HTMLHyperText Markup Language['haɪpɚ’tɛkst]超文本 标记语言标记语言的作用是什么? 标记的什么?通过标记符号(各个标签) 来 标记 要显示的 网页中的各个部分。为什...原创 2019-03-20 08:49:20 · 1327 阅读 · 0 评论