WEB前端学习
文章平均质量分 83
而又何羡乎
盖将自其变者而观之,则天地曾不能以一瞬;自其不变者而观之,则物与我皆无尽也,而又何羡乎!
展开
-
前端开发免费资源分享
简介:除原生html,css,js外,还提供了如react,vue等热门前端框架的资源,提供非常多的精美组件,可以直接在线运行查看组件效果,也可以直接导出在我们的项目中使用。简介:在线生成波浪线的网站,支持自定义形状,方向,颜色等功能,还支持一键复制代码,或者下载svg图片,可以非常方便的添加到我们的项目中去。简介:开源动画库,里面有各种有趣且精美的动画,支持一键的预览和下载,以及在线的编辑,同时也支持一键复制前端代码。freefrontend 前端组件库。lottiefiles 开源动画库。原创 2022-11-28 12:29:29 · 1279 阅读 · 0 评论 -
HTML基础知识总结
1 VScode的使用VScode常用插件中文汉化:Chinese浏览器打开:open in browser同步修改标签:Auto Rename Tag炫酷敲代码:Power Mode自动刷新:live server快速生成HTML文件新建一个以.html为后缀名的文件在英文状态下输入!,然后回车或者Tab<!--文档类型声明标签,告诉浏览器,用哪种html版本来显示我们的页面--><!DOCTYPE html> <!--设置语言,en英文,zh原创 2021-06-16 23:55:31 · 173 阅读 · 0 评论 -
CSS基础知识学习笔记
1 CSS简介CSS是Cascading Style Sheets的简称,我们把它称之为"层叠样式表",主要用于美化页面的,可以给网页设置字体大小、颜色、布局等,让网页更加的美观。语法规范由选择器和多条语句组成如: 选择器:具体的元素(选中谁)-{}:花括号里面存放选中元素的样式(要给这个元素化那些妆容)具体的样式,包含属性和属性值,它们之间通过:进行连接声明语句和语句之间我们需要用;进行分割;与:均为英文状态下的符号样式风格紧凑型:把元原创 2021-06-16 23:51:30 · 149 阅读 · 0 评论 -
HTML5绘制图形
1 什么是canvas canvas是一个HTML新元素,可被JavaScript语言来绘制图形。HTML5中,canvas标签是一个矩形区域,包含了width和height,都可以通过CSS来定义,其默认值为300px和150px。在网页中使用的形式如下:<canvas id="mycanvas" width="300" height="200" style="border:1px solid #c3c3c3">Your browser doesn't support the canv原创 2020-09-22 00:25:00 · 2307 阅读 · 0 评论 -
HTML5中的多媒体
1 网页音频标签1.1 audio标签概述 audio主要是定义播放声音文件或者音频流的标准。支持3种音频格式,分别为Ogg、MP3和Wav。在html5中播放音频,其格式如下:<audio src="song.mp3" controls="controls"></audio>属性值说明src规定要播放的音频地址controls添加播放、暂停和音量的控件在<audio></audio>之间插入的内容不支持aud原创 2020-09-16 18:54:43 · 616 阅读 · 0 评论 -
HTML5创建表格
1 表格的基本结构 使用表格显示数据,可以更加直观、清晰。通常情况下表格高度一致、列宽一致。HTML5中用于表格的标记如下:表格标记说明<table>用于表格标识对象的开始,一个表格中只允许出现一对<table></table>标记<tr><tr>标记表格的行开始,</tr>标记表格的行结束。位于<table>标记内,有多少对<tr></tr>标记,就表示表格中有多原创 2020-09-16 16:09:10 · 629 阅读 · 0 评论 -
HTML5创建表单
1 认识表单 表单主要同于收集网页浏览者的相关信息,用。使用语法如下:<from action="url" method="get|post" enctype="mime"></from>action:用于处理提交表单的格式,它可以是一个URL地址或一个电子邮箱地址。method:指明提交表单的HTTP方法。enctype:指明用来把表单提交给服务器得到互联网媒体形式。<!DOCTYPE html><html lang="en"><原创 2020-09-16 14:19:23 · 2841 阅读 · 0 评论 -
HTML5网页中的链接
1 网页超链接的概念1.1 什么是网页超链接 指的是从一个网页向一个目标的链接关系,以特殊的编码的文本或者图形的形式来实现链接,点击该链接,会传送到某个位置,或者打开新的网站。网页中的链接,一般以蓝色字体,文字下有下换线,鼠标放在上面会出现小手的情况,单击即可跳转。如果访问过该链接,其文本则会变色(默认为紫色)。1.2 超链接的URL URL是Uniform Resource Locator的缩写,由以下四部分组成:协议、主机名、文件夹名和文件名,网页文件以.html或.htm为扩展名。原创 2020-09-16 14:15:22 · 6318 阅读 · 0 评论 -
HTML5网页中的图像
1 网页中的图像1.1 网页中支持的图片格式 网页中可以使用GIF、JPEG、BMP、TIFF、PNG等格式的图像文件。1.2 图像中的路径相对路径:完整的描述文件位置的路径,不建议采用相对路径:将当前位置作为参考点,自己相对于目标的位置..表示上一级目录,../..表示上级的上级目录。/网络路径分隔符,\本地路径分隔符../imgs/aa.jpg2 在网页中插入图像 在网页中插入图像用单标记<img>,其属性即描述如下:属性值描述alt原创 2020-09-16 14:11:46 · 278 阅读 · 0 评论 -
HTML5网页列表与段落设计
1 网页文字列表设计1.1 建立无序列表<ul> 无序列表相当于markdown语法的-、*、+表示的项目符号,没有顺序,没有顺序,只把符号作为分项标识。无序列表使用标记<ul>,其中每一个列表项用<li>。在无序列表结构中,用<ul></ul>表示这一个列表的开始和结束,<li>表示一个列表的开始。在一个无序列表中可以包含多个列表项,<li>标记可以省略结束标记。<!DOCTYPE html><原创 2020-09-16 14:09:27 · 1923 阅读 · 0 评论 -
HTML5网页文本内容
1 标题文字的建立1.1 标题文字的建立 HTML文档中的标题由<h1>到<h6>元素来定义,其中<h1>代表一级标题,级别最高,文字也最大,其它标题元素依次递减,<h6>级别最低。标题位于<body>与</body>之间。<!DOCTYPE html><html> <head> <title>标题文字</title> </hea原创 2020-09-16 14:02:24 · 2117 阅读 · 0 评论 -
HTML5简介
1 HTML5 简介HTML是一种描述网页的语言,是一种标记语言,是制作网页的基础语言。HTML的语法特点:编写简单:无需任何编程经验。标记数目有限语法较弱:不一定需要对用的标记来结束,如就不一定需要来结束HTML最基本的语法是<标记符></标记符>,通常是成对出现的,一个开始标记和一个结束标记。2 HTML5 文档基本结构HTML5文件的基本结构:一个完整的HTML5文件包括标题、段落、列表、表格、绘制的图形和各种嵌入对象,统称为HTML元素。原创 2020-09-16 13:49:16 · 1767 阅读 · 0 评论