前端HTML
html学习
MicroLindb
IBM China - HCT 混合云迁移任职
展开
-
【自用】微信小程序打印data中的值undefined
不得不说,用习惯了vue之后觉得微信开发者工具的语言真的难受。错误写法:正确写法:原创 2022-12-03 21:08:45 · 1643 阅读 · 0 评论 -
【自用】完美解决:Invalid prop: xxx,Expected Boolean, got String with value “true“.
原因是,vue中对于属性值是data中数据或者是boolean类型的时候,属性前面需要加上冒号。#### 2.正确写法(多加个冒号即可):```html原创 2022-11-30 19:34:49 · 3462 阅读 · 0 评论 -
【自用】VUE 获取登录用户名 显示在其他页面上
在需要使用的地方使用 插值表达式 {{xxx}} 来使用它!在登录页面中引入 js-cookie 依赖。在其他页面中引入 js-cookie 依赖。(请注意,我们需要用刚写好的函数来引用)1.2 登录后,主页已经显示用户名了!安装 js-cookie 依赖。原创 2022-11-29 14:11:53 · 4582 阅读 · 2 评论 -
【自用】VUE跨页多选 - 以进行批量删除或批量下载二维码
**步骤1:**为 \ 标签添加一个属性,并设置一个名称为getRowkeys的方法:```html```**步骤2**为带有 type=selection原创 2022-11-29 13:42:22 · 503 阅读 · 2 评论 -
CSS第三章:1.文档流(块元素、行内元素在文档流中的特点)
总览1.文档流是一个抽象的概念,网页的层中,最底下的一层称之为文档流,文档流是网页的基础2.网页中的元素有两种状态:在文档流中,不在文档流中3.元素在文档流中的特点:3.1 块元素:· 块元素在文档流中会独占一行· 默认宽度是父元素的全部(写在body中的块元素宽度则是body的宽度)· 默认高度是它容纳内容的宽度3.2 行内元素:· 行内元素不会独占页面的一行,只占据自身的大小· 在页面中从左向右 水平排列,如果排不下了就会窜到下一行· 默认高度、默认宽度都是它容纳内容的 高度和宽度原创 2022-04-27 22:46:19 · 475 阅读 · 0 评论 -
HTML特别章节:HTML快捷键、快捷口令(持续更新)
一、快捷键 · 目录1.选择整行:ctrl + l2.二、快捷口令 · 目录1.创建标签列表:ul>li*5.三、快捷口令 · 效果图1.创建标签列表:ul>li*5原创 2022-04-27 10:49:56 · 1387 阅读 · 0 评论 -
前端第三章:2.audio标签:将音频引入浏览器;video标签:将视频引入浏览器
一、audio标签及属性1.audio标签写法:1.1 写法一:<audio src="音频文件的路径"></audio>1.2 写法二:<audio><source src="音频文件的路径"></audio>2.audio标签的属性:· controls:是一个没有值的属性,用于让用户能够控制播放器· autoplay:是一个没有值的属性,用于自动播放(这个属性不太好用)· loop:是一个没有值的属性原创 2022-04-26 15:46:30 · 1079 阅读 · 1 评论 -
前端第三章:1.iframe标签:在网页中开多个网页
一、iframe标签1.功能:在一个网页中打开多个网页2.语法(示例):<iframe src="https://mp.csdn.net/?spm=1001.2014.3001.4503" width="500" height="500" frameborder="0"></iframe>3.实际显示:二、iframe标签 :width、height、frameborder属性1.width:设置内嵌网页的宽度2.height:设置内嵌网页的高度3.framebo原创 2022-04-26 15:05:44 · 1641 阅读 · 0 评论 -
前端第二章:9.HTML如何在网页中添加图片(img标签使用方法,以及img标签属性:alt、height、width);图片格式选择
一、img 标签简介1.是自结束标签2.用于向当前页面引入一个 外部图片3.可以引入 gif 动图4.img 是 替换元素,具有块元素和行内元素的某些特点二、img标签基础0.使用img标签将 图片 引入 网页!1.代码:<img src="图片的相对路径/绝对路径/网页链接">2.示例(图片链接):3.引用成功:三、img标签 -> alt属性1.作用:1.1 对图片的描述,一般不会显示这个文本。如果图片加载失败,那么有些浏览器就会显示 alt 中的字样,原创 2022-04-26 00:33:02 · 24958 阅读 · 1 评论 -
前端第二章:8.HTML超链接代码写法;id属性
一、超链接介绍0.超链接 是 行内元素,但是可以放 块元素1.从一个页面跳转到另一个页面2.或者跳转到当前页面的其他位置3.href 属性的值可以是 外部网站,也可以是同一个目录下的地址文件,如 xxx.html二、超链接·代码1.超链接写法:<a href="你想要跳转到的网址"> 超链接的字样 </a>2.示例(外部网站 和 同一个目录下的html 都可以写进href名值对结构中):3.浏览器内显示(紫色字样表示你最近访问过,蓝色代表没有访问过):4.原创 2022-04-26 00:00:33 · 23749 阅读 · 0 评论 -
前端第二章:7.HTML列表(无序列表、有序列表、自定义列表)
一、无序列表1.无序列表:ul标签2.写在 body元素 内3.使用 li标签 代表列表项4.实际使用:5.标签 在网页中的样式:二、有序列表1.ol标签2.ol标签 在网页中的样式:三、自定义列表1.dl标签2.dl标签 在网页中的样式:四、列表嵌套1.嵌套的列表:2.在浏览器中的效果:...原创 2022-04-25 22:25:41 · 714 阅读 · 0 评论 -
前端第二章:6.浏览器的自动修复机制;网页布局 (header标签、main标签、footer标签;nav标签;aside标签)
一、浏览器的自动修复机制1.出现如下的问题,浏览器会自动帮助我们修改代码1.1 标签写在根元素的外部 -> 被修复1.2 p元素中嵌套了块状元素1.3 根元素中出现了除head和body以外的子元素二、块元素和行内元素注意点:1.我们在 块元素 中放 行内元素,反之不行2.p元素中不能嵌套 块状元素三、块元素之 header、main、footer(用于布局)1.网页的头部:header标签1.1 header标签 在实际网页中的样子:2.网页的主体:main标签(每个网页中原创 2022-04-25 21:59:31 · 1439 阅读 · 0 评论 -
前端第二章:5.语义化标签、p标签、q标签、em标签、strong标签、blockquote标签、br标签、h标签
一、语义化标签0.在页面中独占一行的元素被称为块元素0.1 不要关注html的显示,要关注他们的语义0.2 在页面中不会独占一行 的元素叫做行内元素(inline element,内联元素)1.标题标签1.1 标题标签一共分为6个级别,h1~h6,重要性依次递减1.2 一般我们只在一个网页中使用一个h1标签1.3 一般我们只使用h1~h3标签,后面的标签很少使用1.4 h1在网页中的重要性仅次于title1.0 标题标签可以放到标题标签组中,比如这样:2.段落标签:p标签2.0 p标原创 2022-04-25 20:33:26 · 1711 阅读 · 0 评论 -
前端第二章:4.HTML实体、meta标签、网页重定向
一、HTML 字符实体二、meta 标签meta标签是一个元标签,写在<head>标签内,独立于title等标签存在1.用法示例:1.1 name=“keywords” :关键字,在爬虫爬取的时候能够看到,或者说能够显示在搜索引擎上,如果搜到了这个关键字,就能够出现在页面上。1.2 name=“description”:用于描述,单纯的描述这个网页的作用等,是网页中的这个位置:三、网页重定向1.网页重定向,使用meta标签:这句话的意思是,到此网页后,3秒钟后跳转到 b原创 2022-04-25 19:04:59 · 483 阅读 · 0 评论 -
前端第二章:3.HTML文档声明、存储容量换算、字符编码、字符集、HTML帮助文档Zeal
一、文档声明1.因为html4和html5的语法并不完全相同,所以需要文档声明2.在HTML中,不区分标签大小写3.这个就是文档声明:二、容量换算三、字符编码1.所有的数据在计算机中存储都是以二进制存储的2.二进制 -> 字符:解码3.字符 -> 二进制:编码四、字符集 (charset)1.编码和解码字符集不同,会出现乱码问题...原创 2022-04-25 17:41:19 · 164 阅读 · 0 评论 -
前端第二章:2.HTML自结束标签和注释、名值对结构、标签的属性
一、自结束标签写法:1.以下的两种写法都可以二、HTML 注释1.注释中的内容会被忽略2.注释不能嵌套三、名值对结构1.类似于这个就是名值对结构1.1 标签的属性就是 下图中的 color = green,属性名是 color,属性值是green2.运行效果:...原创 2022-04-25 16:20:40 · 280 阅读 · 0 评论 -
前端第二章:1.HTML简介、Linux 命令行打开 .html 文件、常用标签(一)
一、HTML 简介1.HTML 是 超文本标记语言(Hypertext Markup Language)2.负责 网页三要素 中的 结构3.使用标签的形式 识别 网页中不同的组成部分4.超文本 指的是 超链接,使用超链接能够让我们从一个界面跳转到另一个界面二、Linux 命令行打开 .html 文件1.命令:浏览器名 文件名.html &1.1 示例:三、常用标签(一)1.告诉浏览器 哪些内容 是 哪些内容2.标签的语法:<标签名> 标签体 </标签原创 2022-04-25 15:41:47 · 6002 阅读 · 0 评论 -
前端第一章:1.C/S架构、B/S架构简介、互联网的发明、渲染的解释、W3C万维网联盟、网页的结构
1.1991年8月6日,世界第一个服务器和网站在欧洲核子研究中心上线。2.B/S架构:browser/server -> 浏览器、服务器。1.C/S架构:client/server -> 客户端、服务器。3.行为 相当于人的动作 让网页动起来,用来交互。2.表现 相当于 皮肤衣服,让网页变得更好看。1.浏览器将网页代码渲染,然后显示出来。3.现在开发网页都要遵守这个规范。1.结构 就相当于 人体的骨架。2.网页的绘制是浏览器的作用。1.W3C 制定一个网页规范。2.蒂姆·伯纳斯·李。原创 2022-04-24 18:53:56 · 2000 阅读 · 0 评论