最近想做点小项目,好久没写前端了,打开VScode,输了个HTML,突然忘记了中文的lang标识是什么了,只是隐约记得是zh,然而科普之后才知道,14年学习的zh写法,早在09年就被废弃了。...先说下规范 lang属性的取值应该遵循 CP 47 - Tags for Identifying Languages 而标识的内容应该依照如下写法: language-extlang-script-region-variant-extension-privateuse...语言文字种类-扩展语言文字种类-书写格式-国家和地区-变体-扩展-私有 因此推荐使用如下规范: 简体中文页面:html lang=zh-cmn-Hans 繁体中文页面:html lang=zh-cmn-Hant...英语页面:html lang=en 同时考虑浏览器兼容,也可以使用下列规范,前者兼容,后者标准 zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆) zh-SG
我们查看一下百度搜索的源码就可以看到,这个页面用的最多的标记就是div,所以也就可以知道这个页面是使用div标签来布局的: ?...表单的提交网页使用百度的接收页面就可以实现搜索了: ? 实现搜索的功能很简单先使用百度随便搜索一下,就可以获取到它的服务器接收页面的地址和表示搜索关键字的属性: ?...然后在form的action属性里把服务器接收页面的地址填上,然后再把文本框的name属性赋值为wd就可以利用百度的服务器接收页面实现搜索功能: ?...table标记和div标记一样都是属于网页布局的标记,table主要是用来做表格,table里常用的属性是:border表格的边界线、cellpadding 表格的填充程度、cellspacing 内间距距离...DOCTYPE html> html> <table border
多媒体标记 在html中可以使用多媒体标记来在网页上播放音频文件,或者显示一些好看的图片用来装饰网页。Flash文件也可以通过相应的标记显示在网页上,标签是用于在网页上播放视频文件的。...video里常用的属性有width:设置视频在页面上的宽度,height:设置视频在页面上的高度,autoplay:设置视频自动播放,也就是当网页打开就自动播放视频,loop:设置循环播放,controls...热点标记:在img标签还有一个应用:设置图片热点,当你点击图片中的热点时就会跳转到指定的页面中。一个图片设置了热点的话,你鼠标移动到热点的位置就会变成一个小手。...多媒体标记思维导图总结: ? 框架标记 其实框架就在能够在一个窗口中嵌套几个网页显示,框架标记有iframe、frame、frameset,后面的两个基本上是淘汰了,只有iframe会用得。...iframe设置name属性后,可以结合超链接标签里的target属性来显示页面,点击一下超链接后将页面显示在iframe上,示例: ? 运行结果: ? ? 以上是iframe的基本使用方式。
1.内部链接(当前文档与目标文档在同一站点内); 2.外部链接(当前文档与目标文档不在同一站点内)<...
文章目录 前言 块级元素 行内元素 行内块级元素 ---- 前言 HTML中的标记 块级元素 h1-h6>>1-6级标题 p>>段落 div>>定义文档中的节 ul>>定义无序列表 ol>>定义有序列表...定义表格头部 tfoot>>定义表格中的表注内容(脚注) tr>>定义表格中的行 th>>定义表格中的表头单元格 colgroup>>定义表格中供格式化的列组 col>>定义表格中一个或多个列的属性值...比如章节、页眉、页脚或文档中的其他部分 article>>定义文章 aside>>定义页面内容之外的内容。【可用作文章的侧栏。】 datails>>定义元素的细节。...track>>定义用在媒体播放器中的文本轨道 link>>定义文档与外部资源的关系 command>>定义命令按钮 style>>定义文档的样式信息 span>>定义文档中的节 base>>定义页面中所有链接的默认地址或默认目标
HTML标记的类型:单标记与双标记 一.单标记 (1).标记名称> 单一型,无属性值。 如: 在xhtml中,规定,所有HTML标记,都要小写,所有的标记都要有关闭。 (2)....标记名称 属性="属性值"> 单一型,有属性值。 如: 二.双标记 (3).标记名称>...标记名称> 没有属性值。 如:......标记名称 属性=”属性值“>...标记名称> 有属性。 如:... 说明: 标记与属性,属性之间以空格分隔。...属性不区分先后顺序;且属性不是必要的。
1.特殊符号(w3c规定特殊符号要用html实体实现) 1. 代表一个空格 and 2.© 代表版权 3....¥ 代表人民币符号 2.文本标记 1.文本样式标记 超链接标记 字体加粗标记 ...字体加粗标记 斜体标记 下划线标记 删除线标记...-- 注释内容 --> 注释 2.标题标记 ... n代表1-6 ......原文地址《html常用标签标记》 分享到:更多
一、HTML标记类型 1.单标记 语法:标记名>,如:、、 2.双标记 语法:标记名>…标记内容…标记名>,如:这是百度的主页 二、HTML标记属性 语法: 标记名 属性1 = “属性值1”属性2 = “属性值2”…> 或 标记名 属性1 = “属性值1”属性2 = “属性值2”…>。...标记内容。。。标记名> 说明: 标记与属性、属性与属性之间都是以空格进行分隔, 属性不区分先后顺序,且属性不是必须的,需要时再添加,不需要不添加!...虽然在HTML中不区分大小写,但是在XHTML中所有的标记确是严格区分大小写的。...三、HTML主要标记解析 1.html标签 html>和html>用来标识网页文件的开始和结束,所有的html都必须放在这对html标记中。
:[] 大部分场景下用字符串格式就够了,比如: export default { headScripts: [`alert(1);`, `https://a.com/b.js`], }; 会生成 HTML...head> alert(1); 如果要使用额外属性... { src: '/foo.js', defer: true }, { content: `alert('你好');`, charset: 'utf-8' }, ], }; 会生成 HTML...script> alert('你好'); 未经允许不得转载:w3h5 » Umi的headScripts属性...,在html页面头部添加js
:[] 大部分场景下用字符串格式就够了,比如: export default { headScripts: [`alert(1);`, `https://a.com/b.js`], }; 会生成 HTML...head> alert(1); 如果要使用额外属性... { src: '/foo.js', defer: true }, { content: `alert('你好');`, charset: 'utf-8' }, ], }; 会生成 HTML...script charset="utf-8"> alert('你好'); 未经允许不得转载:w3h5-Web前端开发资源网 » Umi的headScripts属性...,在html页面头部添加js
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 规定元素的行内样式
DOCTYPE html> html> 标记 头标记<head> 标题标记<title>用来说明网页的用途... 元信息标记<meta>提供有关页面的元信息,比如搜索引擎和更新频度的描述和关键词。 ...设置字符集charset属性:<meta charset="ISO-8859-1" /> 搜索引擎的关键字:<meta name="keywords" content... 页面定时跳转:<meta http-equiv="refresh" content="5" /> html
二、说明 Form标记用于创建一个表单,定义一个表单的开始与结束,他是一个容器,用于包含其他元素,例如文本框、单选框等。表单元素必须在form标记内才有作用。 ...三、表单元素标记 ①.单行文本 标注内容标签:为input元素定义标注(标记),标签的for属性应当与相关元素id相同 如:<input type=”redio” name=”sex”
HTML页面 HTML5介绍 HTML5是用来描述网页的一种语言,被称为超文本标记语言。用HTML5编写的文件,后缀以.html结尾 HTML是一种标记语言,标记语言是一套标记标签。...DOCTYPE html> html> html> head标签用于定义文档的头部。 文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。...DOCTYPE html> html> 第一个页面 我会显示在浏览器中...这个段落演示了分行的效果 水平线 标签在 HTML 页面中创建水平线 属性: color...:设置水平线的颜色 width:设置水平线的宽度 size:设置水平线的高度 align:设置水平线的对齐方式(默认居中),可取值left|right 图片 标签定义 HTML 页面中的图像
这节来讲一下XAML中的属性元素,标记扩展,和注释。...标记扩展 标记扩展是xmal最特色的一个东西,它同样是给属性赋值的一种形式,但是标记扩展正如它的名字一样,是对属性赋值的扩展,它是我们后续要讲的MVVM模式中控件和数据的桥梁。...标记扩展是由大括号括起来的一些内容组成的,请看下面的代码: 属性的值的时候,Button按钮的值也会变,程序运行如下: 后续的MVVM章节,我们会讲控件的值与VM页面中的属性绑定,就是依赖标记扩展这个语法。...当我们改变VM属性值时,前台的控件值就会变,这就是WPF与众不同的地方:数据驱动控件。初学者,可以先做了解,后续我们会持续接触标记扩展,而且也只有在代码中才能更好的理解标记扩展的强大。
/li> …… type可取属性值...属性值 说明 1 表示用1、2、3、4…表示 a 表示用a、b、c、d…表示 i 表示用i、ii、iii…表示 I 表示用I、II、III…...表示 3.自定义列表
属性是节点(HTML 元素)的值,您能够获取或设置。 ---- 编程接口 可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。...所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。 方法是您能够执行的动作(比如添加或修改元素)。 属性是您能够获取或设置的值(比如节点的名称或内容)。...---- innerHTML 属性 获取元素内容的最简单方法是使用 innerHTML 属性。 innerHTML 属性对于获取或替换 HTML 元素的内容很有用。...DOCTYPE html> html> Hello World!...innerHTML 属性可用于获取或改变任意 HTML 元素,包括 html> 和 。 ---- nodeName 属性规定节点的名称。
1.table的属性集 属性 作用 bgcolor 设置表格背景色 background 设置表格背景图片 border 设置边框宽度,默认为0 cellpadding 设置单元格与内容之间的距离...align 设置表格对齐格式(left、center、right) width 设置表格宽度,单位用绝对像素和百分比 height 设置表格高度,单位用绝对像素和百分比 2.tr的属性集...属性 作用 width 设置行宽度 height 设置行高度 bgcolor 设置行的背景颜色 align 设置水平对齐方式(left/right/center) valign...设置行垂直对齐方式(top、middle、bottom) 3.td的属性集 属性 作用 width 设置单元格宽度 height 设置单元格高度 bgcolor 设置单元格的背景颜色...属性值 说明 align left 靠左 center 靠中 right 靠右 valign
介绍 HTML元素上的属性,可以在元素中添加附加信息。...可以在元素中添加附加信息 一般描述于开始标签 总是以名称/值对的形式出现,比如:name="value" 全局属性 本文只介绍全局属性,个个标签独有的属性,这边就不一一介绍了。... class 属性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。...tabindex 以下元素支持 tabindex属性:, , , , , 以及 HTML5中添加的全局属性... data-* 用于存储页面或应用程序的私有自定义数据
领取专属 10元无门槛券
手把手带您无忧上云