前端HTML
关注
分享
扫一扫
一粒程序米
行业方向：物联网 移动开发
展开
-
前端项目使用阿里巴巴icon font的具体过程
1.阿里巴巴矢量图官网：https://www.iconfont.cn/2.把需要用到的图标加入购物车，需要注册登录3.把选好的图标添加至项目4.下载到本地5.解压，打开，选择复制这四个文件，粘贴到项目的css文件里6.在项目中使用...原创 2021-08-18 19:53:58 · 405 阅读 · 0 评论 -
通过column-count和break-inside的CSS3属性实现瀑布流
<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> body { margin: 0; } .waterfall-container { /*分几列*/ column-count: 2; width: 100%; .原创 2021-08-11 16:44:39 · 378 阅读 · 0 评论 -
用JavaScript实现类似于单片机那样的跑马灯
最近因为需要这样的动图实现功能显示，在网上又找不到类似的动图，也不知道怎么做这样的动图，又刚好学了JavaScript，所以就试试能不能实现。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>paomadeng</title> <style type="text/css"> body{background-col..原创 2021-06-17 09:38:45 · 558 阅读 · 0 评论 -
前端笔记HTML结构案例---未加css
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>案例</title> </head> <body> <div ><!-- 头部 --> <!-- logo --> <div><img src="logo.jpg" height="60px" width="..原创 2021-06-03 10:19:18 · 298 阅读 · 0 评论 -
前端笔记HTML表单（2）----下拉菜单和多行文本域
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>下拉菜单</title> </head> <body> <form > <table rules="none" align="center"> <tr> <td width="100px" height="20.原创 2021-06-02 15:23:43 · 449 阅读 · 0 评论 -
前端笔记HTML表单（1）---表单的input元素
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <h1 align="center">注册信息</h1> <hr color="#336699"> <form action="" method=""> <.原创 2021-06-02 14:25:31 · 186 阅读 · 0 评论 -
前端笔记HTML表格(2)---表格嵌套做网页结构
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> </head> <body> <table width="100%" bgcolor="#aaffff"> <tr height="80px" bgcolor="#aaaaff"><td align="center"&.原创 2021-06-01 20:52:45 · 471 阅读 · 1 评论 -
前端笔记HTML表格（1）
万万没想到，我竟然画了这个表。这个表包含的知识有：表格的基本结构、如何操作表格、表格属性、表格的跨行跨列、表格的嵌套。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格HTML</title> </head> <body> <table border="5" width="600px cellspacing="原创 2021-06-01 17:48:56 · 186 阅读 · 0 评论 -
前端笔记HTML基础（4）---第一章总结
1.HTML的基本结构2.规范3.文字和段落标签4.特殊符号5.列表标签（1）无序标签（2）有序标签（3）定义标签6.列表标签7.超链接标签原创 2021-06-01 14:54:57 · 193 阅读 · 0 评论 -
前端笔记HTML基础（3）----图片和超链接
第三个图片和文字点击可以跳转页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片和超链接</title> <img src="logo.jpg" alt="html快速入门" height="30%" width="40%" /> <!-- 相对路径 --> <h2 >html快速入门 </h2原创 2021-06-01 11:21:48 · 922 阅读 · 0 评论 -
前端笔记HTML基础（2）--列表标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>列表</title> </head> <body> <h1>列表的学习</h1> <p>列表有三种，分别是有序列表、无序列表、定义列表</p> <ul> <li>这就是无序列表1</l.原创 2021-06-01 10:41:10 · 163 阅读 · 0 评论 -
前端笔记HTML基础（1）--标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>大前端</title> </head> <body> <h1 align="center"><i>html</i> 是一门标记语言</h1> <pre> <p > APP通过.原创 2021-05-28 16:18:48 · 163 阅读 · 0 评论