在开发领域,总能听到这两个词:“前端”、“后端”。

然,像我这种没有系统学习过的人来说,而且圈子也比较小众,第一次听到这种词是比较陌生的。但好在语文功底不错,顾名思义,结合实际场景,大概也能猜出一二。

第一次决定自己写一个 HTML Demo 的时候,是为了做个导航页面,因为不想每次都手动输入地址(博主是个比较懒的人),然后开始去了解HTML相关的内容,当然深入学习那是不可能的,经常是明确需求,然后各种搜索,各种修改。也不怕看到这篇博文的各位大佬笑话,我的 Demo 都是需改一点,刷新看看,再修改一点,在刷新看看 …… 如此反复,最终达到我要的效果。
2.jpg

所以,看似简单的页面,我写是需要耗比较长的时间才能完成。但毕竟一个坑一个坑走来的,印象深刻,也逐渐了解编程怎么回事,接触其它语言代码的时候,也没有当初的恐惧感。

  • 我了解的HTML页面结构
<!DOCTYPE html>
<html>
    <meta charset="utf-8" >   <!--字体编码-->
    <title>xxxx</title>  <!--页面标题-->
    <meta http-equiv="u-ua-compatible" content="ie=edge,chrome=1" /> <!--浏览器声明-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" herf="xxx/xx.css" /> <!--CSS 文件引入-->
    <script src="xx/xx.js"></script>  <!--JS 文件引用-->
    <body>
        <!--页面主体,在浏览器中展示-->
    </body>
</html>
  • HTML 有专用的脚本语言
1、JavaScript 是浏览器脚本语言,除了 JavaScript 还有 jQuery;
2、JavaScript 是原生的,原始的,需要自己构造方法;jQuery 集成很多库,可以直接调用;
3、在HTML中写JavaScript脚本,需要用 <script></script> 来标记;
4、JavaScript 可以控制CSS,比如隐藏、显示以及各种样式值控制等等;
5、如果引入的JavaScript需要传递参数,可以这么写:
        <script>
            var str = xxx;
            document.write("<script type='text/javascript' src='https://xxx.com/xx.js?s="+str+"'></"+"script"+">");
        </script>
6、JavaScript 构造 function 中的变量,不能在function 外使用;
7、JavaScript 同样支持 if、if-else、while、switch-case 等语句;
  • 漂亮的页面可以使用CSS来控制

1、CSS 是用来装饰、修饰 页面的,就是让它更美观;
2、在 HTML中,如果已经单独定义 CSS 文件,那么可以使用 style 进行二次定义;

  • 在高速发展的今天,很少人从零构建Demo,有种东西叫 框架

1、一开始我并不了解框架,同时也不知道怎么去用框架;
2、在写自己用的一个导航 Demo 的时候,手机端页面是非常可悲的;然后一些大佬给我建议,叫我用框架,几经折腾,终于用上了第一个框架 ZURB Foundation,我写的 Demo。
1.webp

2.jpg

3.webp

「 希望熬过一切,星光璀璨 」

流年小站,感谢有您的支持

「 道路坎坷,感谢有您 ---来自 anYun 的感谢 」

使用微信扫描二维码完成支付

点击分享  
 
 
 
自由 共享 开源 x
打开微信,右上角的 "+" 选择 "扫一扫"
使用 “扫一扫” 将文章分享出去吧


本文由 anYun 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

非主流浏览器 非主流操作系统

添加新评论