上面我们介绍了HTML的基本标签,这一次我们来复习一下HTML常用标签
*****图像标签img*****
**语义**:用来展示一张图片
**属性**
src:文件的路径
titl:鼠标悬停时显示的内容
alt:当图片加载不出来时的替代文本
***路径***
路径又分为相对路径和绝对路径
相对路径:不需要写盘符,直接从当前工程开始找指定的文件,如(image/itlike.png)
2024年11月22日
上面我们介绍了HTML的基本标签,这一次我们来复习一下HTML常用标签
*****图像标签img*****
**语义**:用来展示一张图片
**属性**
src:文件的路径
titl:鼠标悬停时显示的内容
alt:当图片加载不出来时的替代文本
***路径***
路径又分为相对路径和绝对路径
相对路径:不需要写盘符,直接从当前工程开始找指定的文件,如(image/itlike.png)
2024年11月22日
godspen-一个完全免费开源活动营销系统,扩展性非常高,也是一个低代码开发平台,可以方便开发组件,也可以通过脚本扩展组件能力,也方面营销,运营使用,更方便公司内部搭建使用,更方便自己学习。
官网: https://godspen.ymm56.com/
使用手册: https://godspen.ymm56.com/doc/cookbook/introduce.html
2024年11月22日
HTML/CSS部分
1、什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
2024年11月22日
学习网页的概念和分类,了解静态网页和动态网页的不同;了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念,制作简单的HTML页面的开发。
可以在internet上通过网页浏览信息,如新闻,图片等,还可发布信息,如招聘信息等,网页是在某个地方某一台计算机上的一个文件。
网页主要由3部分组成:
2024年11月22日
使用 hash 来实现前端路由, url 中带有#作锚点,PC端跳转的链接都正常,但是移动端解析地址时#发生了转码,在IOS中将#解析成了%23使得跳转异常,就会出现下面的 url
http://192.50.11.19/h5.html%23/adminrelease?appParam=eyAgIniAiMjQ0MTM3NTdiY5ZGVmOWE5ZDRiMGUiLCAgIm90aGVW0iIDogeyAgICAiZnJvbVdheSIgOiAibW9iaWxlGVldElkIiA6ICJwQVIwdklqayIgIH19
2024年11月22日
在我们的开发工程中经常会使用到各种图,所谓的图就是由节点和节点之间的连接所形成的系统,数学上专门有一个分支叫图论(Graph Theroy)。利用图我们可以做很多工具,比如思维导图,流程图,状态机,组织架构图,等等。今天我要做的是用开源的HTML5工具来快速构造一个做图的工具。
工预善其事,必先利其器。第一件事是选择一件合适的工具,开源时代,程序员还是很幸福的,选择很多。
2024年11月22日
当你用锚点滚动到一个元素,如果不给那个元素加些样式,用户可能不清楚你做了什么,哪个是他想找的内容,比如下图这个情况:
具体的HTML如下, 它有三个锚点,对应三个内容块:
我们给选中的内容加了黄色背景,这样用户点击的时候,就可以清清楚楚地知道发生了什么。要实现这个,只要使用伪类:target就可以轻松搞定。
你甚至可以加些CSS动画效果!
2024年11月22日
高级版DreamweaverCS6视频教程(全网原创首发!)
DreamweaverCS6是由美国Adobe公司最新开发的一款集网页设计、网站管理为一体的专业软件。本套教程结合目前网页中应用到的各种效果和技巧,全面讲解如何用Dreamweaver CS6去完成网页页面的排版设计,同时配合生动实用的案例使您更容易、更轻松掌握Dreamweaver CS6,帮您成就网页设计师的梦想。