文章目录 一、文本格式化标签 ( 加粗 | 斜体 | 下划线 | 删除线 ) 二、标签属性 三、图像标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 ★ 图像标签 ★ 链接标签 ,...其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、文本格式化标签 ( 加粗 | 斜体 | 下划线 | 删除线 ) ---- 文本格式化标签 : 对文字设置 粗体 , 斜体 , 下划线 , 删除线...DOCTYPE html> 网页标题...DOCTYPE html> 网页标题...可以设置如下属性 : alt 属性 : 属性值是 文本字符串 , 作用是 当图片无法显示时 , 显示该文本 ; title 属性 : 属性值是 文本字符串 , 作用是 鼠标在图片上悬停时 , 显示该文本
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。...效果如图所示: 要实现2种操作 全文加粗 只加粗选中的文字 如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。...全文加粗 只需把 IText 的 fontWeight 属性设置成 bold 即可实现加粗。 如果想变回默认样式,可以将 fontWeight 设为 normal 。...script src="js/fabric.js"> // 创建画布 const canvas = new fabric.Canvas('c2') // 创建文本...script src="js/fabric.js"> // 创建画布 const canvas = new fabric.Canvas('c2') // 创建文本
HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value"。...HTML 属性常用引用属性值 属性值应该始终被包括在引号内。 双引号是最常用的,不过使用单引号也没有问题。...提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson' HTML 提示:使用小写属性 属性和属性值对大小写不敏感。...不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 而新版本的 (X)HTML 要求使用小写属性。
属性是 HTML 元素提供的附加信息。...---- HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value"。...---- 属性实例 HTML 链接由 标签定义。...不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 而新版本的 (X)HTML 要求使用小写属性。 ---- HTML 属性参考手册。...下面列出了适用于大多数 HTML 元素的属性: 属性 描述 class 为html元素定义一个或多个类名(classname)(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式
文本格式化属性 3.字体样式 1.属性 font-style: 2.取值 1.normal(默认的...hello,html!... 正常显示:这是段正常显示的字体 文本属性 1.文本颜色 color:颜色值; p{ color: pink; } 文本颜色:这段文字颜色会变成骚粉色!... 2.文本的排列 text-align:水平对齐方式 取值 left/center/right .
innerHTML 属性可用于获取或改变任意 HTML 元素,包括 和 。 ---- nodeName 属性规定节点的名称。...nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 与属性名相同 文本节点的 nodeName 始终是 #text 文档节点的 nodeName 始终是...元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValue 是文本本身 属性节点的 nodeValue 是属性值 ---- 获取元素的值 下面的例子会取回 标签的文本节点值 <!...比较重要的节点类型有: 元素类型 NodeType 元素 1 属性 2 文本 3 注释 8 文档 9
介绍 HTML元素上的属性,可以在元素中添加附加信息。...id 规定元素的唯一 id 例 通过 JavaScript 利用 id 属性来改变一段文本 Hello World!... class 属性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。...tabindex 以下元素支持 tabindex属性:, , , , , 以及 HTML5中添加的全局属性... 可以对以下内容进行拼写检查 input 元素中的文本值(非密码) 元素中的文本 可编辑元素中的文本 translate 规定是否应该翻译元素内容 例 <p translate
一、HTML5 新增 input 表单属性 ---- HTML5 新增 input 表单属性 : required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项..., 不能为空 ; placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; multiple 属性 : 属性值为 multiple...DOCTYPE html> 显示效果 : 如果提交空的内容 , 会在对话框中报出如下错误 , 提升 " 请填写此字段 " ; 2、placeholder 属性 placeholder 属性 : 属性值为提示文本 , 又称为占位符...DOCTYPE html> <meta http-equiv="X-UA-Compatible
02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。...标签 描述 定义一个段落 插入单个折行(换行) ---- HTML 文本格式化 ? ?...通常标签 替换加粗标签 来使用, 替换 标签使用。然而,这些标签的含义是不同的: 与 定义粗体或斜体文本。...---- HTML 文本格式化标签 标签 描述 定义粗体文本 定义着重文字 定义斜体字 定义小号字 定义加重语气 定义下标字 <...提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。 ---- HTML 链接 - target 属性 使用 target 属性,你可以定义被链接的文档在何处显示。
文本属性 属性 表示 注意点 color 文字颜色 通常用16进制 text-align 文本对齐 可以设定水平的对齐方式 text-indent 文本缩进 通常段落首行缩进2个字的距离 text-indent...:2em; text-decoration 文本修饰 添加下划线 underline 取消下划线 none line-height 行高 字的大小加上上下的空白等于行高 body{
音频 audio autoplay="autoplay" source src="视频路径" 视频 video autoplay="autoplay" source src="视频路径" 其他属性...: controls:如果出现该属性,则向用户显示控件,比如播放按钮。...loop:如果出现该属性,则当媒介文件完成播放后再次开始播放。 URL:要播放的视频的 URL。 preload:如果出现该属性,则视频在页面加载时进行加载,并预备播放。
Baseline 图像的下边缘与第一行文本的下边缘对齐。 Bottom 图像的下边缘与第一行文本的下边缘对齐。...Middle 图像的中间与第一行文本的下边缘对齐。 NotSet 未设定对齐方式。...TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。 Top 图像的上边缘与同一行上最高元素的上边缘对齐。
全局属性通常适用于某一种或多种类型的绝大多数HTML元素,包括标准属性和事件属性。...标准属性 核心属性 以下核心属性不适用于base、head、html、meta、param、script、style 以及title 元素。...属性描述HTML5新class指定本元素的类名 值:样式表中的类,可由空格分离同时指定多个类 hidden指定元素是否隐藏 hidden属性是布尔属性✔id指定元素的唯一ID 值:id style指定元素的行内样式...值:style define 文本属性 以下文本属性不适用于base、br、hr、iframe、param 以及 script 元素元素。...属性描述HTML5新dir指定元素中内容的文本方向 值:ltr/rtl lang指定元素中内容的语言代码 值:language_code spellcheck指定是否必须对元素进行拼写或语法检查 值:true
HTML属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现 如:class=”a” 不同属性之间用“空格”隔开 HTML属性和属性值之间用...当用户右击该元素,出现上下文菜单 data- 用于存储页面的自定义数据 dir 设置元素中内容的文本方向。...draggable 指定某个元素是否可以拖动 dropzone 指定是否将数据复制,移动,或链接,或删除 hidden hidden 属性规定对元素进行隐藏。...可在工具提示中显示) translate 指定是否一个元素的值在页面载入时是否需要翻译 name 规定元素的名称 value 规定元素的值 href 规定超链接元素的链接地址 target 规定网页的打开方式 HTML...HTML 5 不支持。
研究html的对象,事件和方法,从js的角度来思考,这个标签的属性是通过什么方法,触发什么事件来实现的 键盘鼠标事件 页面窗口事件 表单事件 一、window事件属性 针对window对象触发的事件...} 13.onpopstate 当浏览器窗口记录改变时运行的脚本, 14.onredo 当文档执行撤销时触发的事件 二、form事件属性 由html表单内触发的事件,通常使用在form元素中 1.onblur...alert demo查看 4.oncontextmenu 当用户右键操作时触发该事件 可以绑定在任意元素中触发,可以一直触发,不用刷新 这是一个文本框...但是onchange是在input失去焦点时才触发,oninput是立刻触发 demo查看 7.oninvalid oninvalid事件要搭配required属性来使用 required如果使用该属性...{ alert('点击成功') } demo查看 2.ondblclick 鼠标双击时触发的事件 测试文本
文章目录 一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性 一...、HTML 表单 ---- HTML 表单 主要用于 与 用户交互 , 收集信息 ; 表单组成 : 表单控件 : 文本输入框 , 复选框 , 按钮 ; 提示信息 : 用于 提示用户如何进行操作 ; 表单域...; value : 控件默认文本内容 , 用户自定义的字符串 ; size : 控件的宽度 , 取值必须是正整数 , 单位像素 ; checked : 控件的默认状态是否被选中 , 值为 true 或...控件类型 , 如 : 设置 text 类型 , 就是 输入框 ; text : 文本输入框 ; password : 密码输入框 ; radio : 单选按钮 ; checkbox : 复选框 ; button...> 执行效果 : 6、name 属性 在一个 HTML 网页中可能存在很多表单 , name 属性是用于标识表单的 ; 后端可以通过 表单 name 属性 , 找到 表单 ; name 属性值是
属性值为正整数值时,音频或视频文件的循环次数与正整数值相同; 属性值为true时,音频或视频文件循环; 属性值为false时,音频或视频文件不循环。...控制面板居左; right:控制面板居右; top:控制面板的顶部与当前行中的最高对象的顶部对齐; bottom:控制面板的底部与当前行中的对象的基线对齐; baseline:控制面板的底部与文本的基线对齐...; texttop:控制面板的顶部与当前行中的最高的文字顶部对齐; middle:控制面板的中间与当前行的基线对齐; absmiddle:控制面板的中间与当前文本或对象的中间对齐; absbottom...Html5方案 以上的讨论实际上的大前提是:视频基于Html5的方案。...但是随着ios设备的流行,flash已经不是万能药了,越来越多的视频网站提供多元的解决方案,而且偏向于html5:也就是说,通过检测agent是否支持html5来决定使用video还是flash。
笔者在看了那些商城的相应页面之后发现它们的实现方式并不是利用UILabel加载html文本的方法。本人感觉UILabel加载html文本并不好,现在有WKWebView是比较好用的。...之所以利用UILabel加载html文本,leader们是希望能够图文混排。...既然会出现图片,那么用户就可能点击图片放大图片看些内容,然而利用UILabel加载的html文本显示的图片不能点击(目前笔者没有能点击UILabel上图片的方法)。...NSHTMLTextDocumentType} documentAttributes:NULL error:nil]; _detailLbl.attributedText =desStr; 这里利用了UILabel上的富文本属性...同样是自适应Label高度,让UILabel的高度根据html文本内容来设置UIlabel的高度。
刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过。...最近对模板更新时用到了这一点,举例说一下 复制代码 // a.html 点击跳转到第一个锚点 点击跳转到第二个锚点...复制代码 // a.html 第一个锚点 复制代码 // b.html 第二个锚点 如上所示,实现描点效果,需具备两个要素:...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。
刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过?。...最近对模板更新时用到了这一点,举例说一下 // a.html 点击跳转到第一个锚点 点击跳转到第二个锚点 // a.html...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。...同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"
领取专属 10元无门槛券
手把手带您无忧上云