首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML 基础

-值对,如:charset="utf-8",charset 称为键,utf-8 称为值块元素block-element 定义:块元素占据其父元素(容器)整个空间,因此创建了一个块用法:块元素只出现在...type 改变 li 样式,如 type="circle" 代表空心圆点,type="square" 代表方形注释:必须配合使用,不能出现 ul 或者 li,嵌套原则是,ul 直接元素必定是...Term),dt 元素用于在一个定义列表中声明一个术语,该元素仅能作为 dl 元素出现,通常在该元素后面会跟着 dd 元素对定义标题解释说明 (Definition Description),dd...元素用来指明一个描述列表 dl 元素中一个术语描述,这个元素只能作为描述列表元素元素出现,并且必须跟着一个 dt 元素 简书 是一个将写作与阅读整合在一起网络产品...,行元素一般不嵌套块元素,行元素可以嵌套行元素以及文本② p 元素不嵌套块元素③ li 兄弟元素只能是 li,不能是其他元素,父元素只能是 ul / ol,dl 直接元素只能是 dt 或者 dd,select

3.8K30
您找到你想要的搜索结果了吗?
是的
没有找到

HTML笔记

doctype html> 标签嵌套 在一个标签中,出现另外一个标签,从而形成层叠关系,里面的标签又称为“标签”,外面的标签又称为“父标签” 推荐写法: 在元素前,...--注释内容--> 注意:注释标签不能嵌套,也不能出现在其他标记结构中> eg:> 中内容 指定网页编码格式 行必须写在表里面 单元格必须写在row里面 table属性: width...其他元素 Input元素 作用:在页面中提供各种各样输入控件 语法:或者 属性: type 指定创建输入控件类型 取值 text 文本框 password...(用于上传文件) value 指定控件值 placeholder 占位符,默认显示在控件上文本 readonly 只能看,不能改,没有值 disabled 禁用控件,没有值 表单辅助标签 <input

2.3K30

用react方式来思考

//接下来push一个商品行,把该product对象作为ProductsList属性 rows.push(<PorductInfo product={product...回顾我们案例中所有交互元素,它们包括: 原始呈现商品列表 搜索框内内容 复选框是否被点选 过滤后商品列表 让我们逐一思考,哪一个可以作为状态——对每个交互元素都得问三个问题: 它是通过父组件...//接下来push一个商品行,把该product对象作为ProductsList属性 rows.push(<PorductInfo product={product...把这个 handleUserInput方法作为一个 props属性(在此命名为 onUserInput)传进组件里边去!...//接下来push一个商品行,把该product对象作为ProductsList属性 rows.push(<PorductInfo product={product

1.8K20

vue 组件使用中细节点

1、is属性 有些 HTML 元素,诸如 、、 和 ,对于哪些元素可以出现在其内部是有严格限制。...而有些元素,诸如 、 和 ,只能出现在其它某些特定元素内部。 这会导致我们使用这些有约束条件元素时遇到一些问题。...幸好这个特殊 is 特性给了我们一个变通办法: 需要注意是如果我们从以下来源使用模板的话,这条限制是不存在...关于 ref 注册时间重要说明:因为 ref 本身是作为渲染结果被创建,在初始渲染时候你不能访问它们 - 它们还不存在!$refs 也不是响应式,因此你不应该试图用它在模板中做数据绑定。...例如: //现在在你已经定义了这个 ref 组件里,你可以使用: this.

1.5K20

前端基础-节点操作

() 用来生成文本节点,参数为所要生成文本节点内容; node.appendChild() 接受一个节点对象作为参数,将其作为最后一个节点,插入当前节点; node.hasChildNodes...() 返回一个布尔值,表示当前节点是否有节点 node.removeChild() 接受一个节点作为参数,用于从当前节点移除该节点 node.cloneNode() 用于克隆一个选中节点。...它接受一个布尔值作为参数,表示是否同时克隆子节点,默认是false,即不克隆子节点。 注意: 不会克隆绑定到该元素上事件; node.innerHTML 返回该元素包含 HTML 代码。...node.firstChild 返回树中节点第一个节点,如果节点是无节点,则返回 null。 node.lastChild 返回该节点最后一个节点,如果该节点没有节点则返回null。...写成backgroundColor 属性值都是字符串,设置时必须包括单位: 比如,div.style.width不能写为100,而要写为100px <div id=

4.2K10

jQuery

会报错:在浏览器调试窗口console里面可以看到,记住这个昂,以后出现这个错误,不能问昂~~~ jQuery版本 1.x:兼容IE678,使用最为广泛,官方只做BUG维护,功能不再新增。...='text']");// 取到类型不是textinput标签 表单筛选器(多用于找form表单里面出现input标签,当然通过属性选择器找肯定也是没问题,这样就是写着简单一些): :text :...输入值变化示例:input值变化事件:看百度搜索效果:     这叫做input事件,看代码:只要input框里面的值发生变化就触发某个事件,注意input事件不能直接绑定,必须用on绑定才行,('...html可以嵌套,如果你给儿子标签绑定了点事件或者没有绑定点击事件,父标签绑定了点击事件,那么你一点击标签,不管子标签 有没有绑定事件,都会触发父标签点击事件,如果有,会先触发标签点击事件...$("table").on("click", ".delete", function () { //中间参数是个选择器,前面这个$('table')是父标签选择器,选择是父标签,意思就是将标签

8.9K20

『真香警告』这33个超级好用CSS选择器,你可能见都没见过。

不能用 :is() :is() 伪类将选择器列表作为参数,并选择该列表中任意一个选择器可以选择元素。这对于以更紧凑形式编写大型选择器非常有用。...:where() :where() 伪类接受选择器列表作为参数,将会选择所有能被该选择器列表中任何一条规则选中元素。...其实就是跟 :is() ,唯一不同就是 :where() 优先总是为 0 ,但是 :is() 优先是由它选择器列表中优先最高选择器决定。...在当前规范中 :has() 并未列为实时选择器配置一部分,意味着其不能用于样式表中。...:required 兼容性在上面有。 :blank :blank 伪类选择器 用于匹配如下节点: 没有节点; 仅有空文本节点; 仅有空白符文本节点。

39020

『真香警告』这33个超级好用CSS选择器,你可能见都没见过。

不能用 :is() :is() 伪类将选择器列表作为参数,并选择该列表中任意一个选择器可以选择元素。这对于以更紧凑形式编写大型选择器非常有用。...:where() :where() 伪类接受选择器列表作为参数,将会选择所有能被该选择器列表中任何一条规则选中元素。...其实就是跟 :is() ,唯一不同就是 :where() 优先总是为 0 ,但是 :is() 优先是由它选择器列表中优先最高选择器决定。...在当前规范中 :has() 并未列为实时选择器配置一部分,意味着其不能用于样式表中。...:required 兼容性在上面有。 :blank :blank 伪类选择器 用于匹配如下节点: 没有节点; 仅有空文本节点; 仅有空白符文本节点。

44610

03 . 前端之JavaScipt

变量声明 变量是存储信息容器 # 1. javaScript变量名可以使用数字,字母,$组成,不能以数字开头. # 2. 声明变量使用var变量名;格式进行声明. ​...(作为最后节点)   somenode.appendChild(newnode);   把增加节点放到某个节点前边。   ...d1'); d.removeChild(d1); 替换节点:   语法:   somenode.replaceChild(newnode, 某个节点);   somenode是父标签,然后找到这个父标签里面的要被替换标签...('a'); a.innerText = '百度'; d.replaceChild(a,d1); 标签节点操作都是基于先要找到父标签,通过父标签相应功能进行操作。...} ​ /* *通过父元素class类 获取该同类元素数组 */ function getClassObj(parent,className){ var obj

1.4K40

『知识巩固#1』Html、Css基础整理

多选框 file 用于之后上传文件 submit 提交按钮 用于提交 reset 重制按钮 重制和提交生效 必须要有父标签表单域 button 普通按钮 可以配合js添加功能 input 其他属性...windows电脑 默认是微软雅黑 一般网页会提供多个字体,用逗号隔开,表示按顺序显示,避免出现用户电脑上没有安装字体情况 常见字体系列 无衬线字体 sans-serif 均匀 无笔锋 一般网页都用这种类型...转换为行内块元素 display: inline 极少…… 转换规范: 块元素作为大容器,可以嵌套很多元素,但是不能用小范围元素嵌套大范围元素 如p标签不能嵌套div、p、h a标签内部可以嵌套任意元素...,除了a标签 css特性 继承性 元素没有的 从父元素处继承;元素有的,不继承 可以理解为 父元素样式先赋给元素 元素自己样式又赋给自己 后者覆盖前者 故显示元素样式 层叠性 给同一个标签设置不同样式...important不能提升继承优先,且实际开发中不建议使用 标签范围越广,其优先越低,个人认为可简记为 远水解不了近渴 权重叠加计算 场景:复合选择器 需要通过权重叠加计算 判断最终哪个选择器优先级会生效

4K20

前端学习笔记之HTML body内常用标签

中 有的字符是被HTML保留比如大于号小于号 有的HTML字符,在HTML中是有特殊含义,是不能在浏览器中直接显示出来,那么这些东西想显示出来就必须通过字符实体,如下 注释:实体名称对大小写敏感...二标题 三标题 四标题 五标题 六标题... 没有七标题 没有七标题   注意:在企业开发中一定要慎用h系列标签,特别是h1标签,在企业开发中一般一个界面中只能出现一个...href="">刷新页面,回到顶部,人类感觉不出来区别 回到顶部 #2、注意点: 通过我们a标签跳转到指定位置,是没有过度动画 是直接一下就跳转到了指定位置...,并且ul标签只应该是li,而li标签则可以是任意其他标签 <!

2.1K30

Web页面组成

未来做自动化时候,写个表格,表格背景色润色,设置字体大小,设置间距等等,然后作为邮件正文去发送。...它会把html是个层级关系,第一层是body(父亲),head和body是它两个儿子。 body里面有非常多。 body里面的script是js脚本,不代表页面的元素。...4)第一种,如果这个元素是有,可以在中添加元素,删除元素,改变元素等等。 DOM对象可以对html页面做全方位操作。 5)还有一种是只改变它纯文字部分。...只要获取元素之后,想怎么改都可以,只是每种改变元素方式是不太一样。 如果有,还可通过删除,新增操作,新增删除元素都可以实现页面的变更。 以上内容,知道语法怎么写即可。...所以在百度页面一点击就弹出一个输入框,这就是点击事件引发。点击事件引发了弹出框出现,鼠标悬浮事件,引发了下拉列表出现,鼠标离开,下拉列表就收起来了。

1.9K20

html学习

基本标签 h系列 标题标签 一标签 六标签 p 划分段落,自动在段前段后自动加空行 align段落对齐方式,默认为居左 hr 分隔符标签,会在页面上显示一条分割线 size属性...() name属性:指定iframe名称,如果 a 标签 target 属性值是其 name 属性时候,点击a标签,对应 链接内容会出现在 iframe 中 src属性:指的是iframe...name=value&name=value&name=value ③form中不需要提交内容,不设置name属性,如果按钮本身就是作为提交功能出发,那么就不需要设置name属性 使用url编码 主要解决是中文和特殊符号... 脚步标签 :一般都是备注、友情链接、备案号、等等一些 笔记 笔记1 标签可以继承宽度值,不能直接继承高度值 但是有一些标签是例外例如 iframe需要父标签同时设置 笔记2 常用响应状态码

1.5K10
领券