零基础教你学前端——20、表格属性

2022-10-19
阅读 3 分钟
703
这节课   我们来学习 table 标签的一些修饰属性。分析这个案例,不难发现 ,表格第一行中的文本有加粗效果,这个效果该如何实现呢   ?也许你会想到应用标签b,在 td 内部加粗文本 ,其实    html 表格还有一个标签 th,同样可以实现这个效果,而且语义性更强。
封面图

零基础教你学前端——19、基础表格结构

2022-10-18
阅读 2 分钟
623
表格,在我们生活中随处可见,比如“王者荣耀赛事数据平台的全部英雄数据”, “”千锋教育HTML5大前端就业榜、 “ 前端工程师的工资条”等等。
封面图

零基础教你学前端——18、列表综合案例

2022-10-17
阅读 3 分钟
679
利用前面的知识点来完成一个综合案例。先来分析一下这个案例 ,第一个标题是:标题标签, 标题内的文本居中, 标题下方有两个段落,    段落后面有一张图片,居中显示,  图片的下方分别是有序列表 、无序列表 、 有序列表添加了链接,无序列表的项目符号为方形 ,无序列表的下方是图文混排 格式的自定义列表。我们打开...
封面图

零基础教你学前端——16、自定义列表

2022-10-12
阅读 2 分钟
1.2k
这节课    来学习自定义列表。先来看个例子    小米官网 ([链接]) 的底部导航    每个列表都有一个共同特点,   除了列表内容外,    还包含一个标题,    我们就把类似这样的列表 ,   称为自定义列表。
封面图

零基础教你学前端——15、无序列表

2022-10-12
阅读 2 分钟
958
这节课   来学习无序列表 。看一张图,这里有三个紧急的事情要处理:第一件: 家里的水壶烧开了,注意是老式的那种,不及时处理水就会溢出来;第二件:孩子睡醒了, 哭着要让你抱,很可能需要换尿布;第三件:家里的电话响了,不知道是谁打来的, 很可能有急事;
封面图

零基础教你学前端——14、有序列表

2022-10-11
阅读 2 分钟
1.2k
列表在各种页面内容展示形式中, 使用频率非常高。HTML中列表分为以下三种:左边我们称之为有序列表,中间我们称之为无序列表,右边我们称之为自定义列表。这节课我们先来学习有序列表。
封面图

零基础教你学前端——13、文本修饰之标签案例

2022-10-11
阅读 2 分钟
841
来分析一下:页面中共有四行文本 , 考虑使用四个段落标签 p 实现,加粗 倾斜 下划线 上、下角标 等文本修饰, 可以分别使用 b 标签、 i 标签、 u 标签、 sup 标签 、和 sub 标签来实现。打开编辑器, 新建一个 homework.html 文件,使用!配合tab键, 补全基本结构,在 body 里先来编写 第一行文本代码。使用 Ctrl 配合键...
封面图

零基础教你学前端——12、文本修饰之其他标签

2022-10-10
阅读 2 分钟
792
继续学习网页中用于文本修饰的其他标签。首先给文本添加下划线。还是来看百度新闻首页,右上角导航, 文本下面有一条修饰线,这条修饰线本质上就是一条下划线。
封面图

零基础教你学前端——11、文本修饰之常用标签

2022-10-09
阅读 3 分钟
747
这节课学习——网页中对文本修饰的常用标签看百度新闻首页,左侧新闻列表中的文章标题,有的标题加粗,这样文本加粗效果,除了使用前面学到的标题标签实现之外,还可以使用 b 标签 和 strong 标签来实现,它们的语法格式都遵循双标签的语法。
封面图

一文了解Vue3新变化

2022-10-08
阅读 2 分钟
926
自从Vue—next2020年9月18日发布的vue3.0版本,发展至今,现在主流的组件库基本都已经发布了支持vue3.0的版本,其他的生态也在不断的完善中,这两年随着Vue3的不断发展俨然已经成为了国内最火的前端框架之一,那Vue3相比较之前的其他版本的都有了什么新变化,添了什么新功能呢?这里做一个简单的总结,当然也有部分文档的...
封面图

零基础教你学前端——9、超链接之页面跳转

2022-09-29
阅读 2 分钟
1.3k
本节课来学习超链接实现页面间的跳转。这是百度的首页,当把鼠标指针滑到百度热搜的文章上,指针形状由箭头变成了小手,点击鼠标左键,会打开一个新的页面,展示这篇热搜文章的内容。这个功能是如何实现的呢?就是使用超链接。什么是超链接?当鼠标划入文本时,文字变成蓝色,同时添加了下滑线,这就提示浏览者这不是普...

零基础教你学前端——8、图片标签拓展

2022-09-28
阅读 2 分钟
642
任何文件都有自己的格式:比如 word 文件,格式为.doc 。 excel文件,格式为 .xls, PowerPoint 文件,格式为.ppt。图片也同样有自己的格式。
封面图

零基础教你学前端——7、图片标签进阶逐字稿

2022-09-27
阅读 2 分钟
618
我们继续学习图片标签在实际开发中的使用。看案例:事例中有的图片正常显示,有的图片没有正常显示,出现了一个破损的小图片,并且在破损的小图片右侧有一些文本。文本作用就是对图片解释说明,这个图片由于某种原因不能正常显示但仍然能用文本来提示用户这个图片所展示的内容,尤其对屏幕阅读器友好,或者视力障碍者可...
封面图

零基础教你学前端——5、初识图片标签逐字稿

2022-09-26
阅读 3 分钟
594
一个成熟的网站,除了有文本内容,还会有大量的图片展示 ,好让我们的网站变得丰富多彩。例如千锋教育官网,如果只有文字,网页立刻就失去了表现力,显得单调乏味,当添加了图片之后,画面立刻就变得生动具体形象,一图胜千言。
封面图

零基础教你学前端——4、标题和段落标签

2022-09-23
阅读 2 分钟
743
这节课学习页面中的标题和段落标签。为了丰富页面中的内容,需要用到各种各样不同的标签这里面出现了 三个不同的标题类型,他们的大小和加粗情况都不一样,这些段落这时就需要用到不同的标签来表示了,在页面中 标题标签有 6 个,分别是 h1 到 h6 对应着不同的字号大小和加粗情况。打开编辑器,新建一个文件 title.html...
封面图

零基础教你学前端——3.HTML基本格式

2022-09-22
阅读 2 分钟
611
H1 标签定义了一个文档的标题 ,虽然在浏览器里显示了预期的效果 ,但它并不是一个符合规范的 html 文档,今天我们就来定义一个标准的 html 文档。
封面图

零基础教你学前端——2.HTML起航

2022-09-19
阅读 2 分钟
593
首先:双标签,例如 h1 标签,由两部分组成,前一部分叫做开标签,后一部分叫做闭合标签,这一对内容叫做一个标签对,在标签对内书写该标签要修饰的内容,如果我们想让一段内容呈现h1的样式的话,我们就把内容写到h1标签的中间。
封面图

零基础教你学前端——0.什么是网页

2022-09-15
阅读 2 分钟
634
现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机APP,微信小程序,智能电视,数据可视化大屏,地图应用,网页游戏。这些我们看到的界面,其实全部都是网页,我们也会发现一个特点:我们所看到的所有网页,他...
封面图

ES2022新规发布,8个实用新功能

2022-09-14
阅读 6 分钟
2k
JavaScript 不是一种开源语言,它是一种需要遵循 ECMAScript 标准规范编写的语言,TC39 委员会负责讨论和批准新功能的发布, 那TC39他们是谁?“ECMA International 的 TC39 是一群 JavaScript 开发人员、实施者、学者等,他们与社区合作维护和发展 JavaScript 的定义。” — TC39.es他们的发布过程由五个阶段组成,自 2015...
封面图

会计老婆大人的前端小跟班儿——node 操作 Excel 表格

2022-09-08
阅读 3 分钟
914
前言我女朋友,是个会计, 她每天都要收拾两样东西,表格和我!通常情况下,她收拾不了表格,心情就会变差,随后就会收拾我!按逻辑,表格就是我被收拾的罪魁祸首,那如果我搞定了表格······岂不是·······嘻嘻嘻

一文搞懂pinia状态管理

2022-09-07
阅读 13 分钟
1.9k
Vue3已经推出很长时间了,它周边的生态也是越来越完善了。之前我们使用Vue2的时候,Vuex可以说是必备的,它作为一个状态管理工具,给我们带来了极大的方便。Vue3推出后,虽然相对于Vue2很多东西都变了,但是核心的东西还是没有变的,比如说状态管理、路由等等。再Vue3种,尤大神推荐我们使用pinia来实现状态管理,他也说...
封面图

React的遮羞布

2022-09-06
阅读 3 分钟
683
当今前端框架属vue和react最为受欢迎。当我们需要做一个前端项目时,无疑是从这二者之间,选择一个你擅长的框架进行开发。当然你也可以非常有个性的选择其它。不过选择完之后,就要自己吃自己个性的苦。
封面图