飞飞电影系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 755|回复: 0

[技术教程] 模板制作中 零基础HTML、CSS、JavaScript的关系

[复制链接]
  • TA的每日心情
    奋斗
    2017-5-23 20:02
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    161

    主题

    514

    帖子

    234万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    2347660

    最佳新人灌水之王优秀版主

    发表于 2022-8-29 14:37:15 | 显示全部楼层 |阅读模式
                
    Web前端三剑客:分别是HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。
    一、HTML超文本标记语言,HTML是一门描述性语言
    1、HTML是用来标记内容的(重在内容组织上)
    2、HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。
    3、基本标签
    1. <pre><html>

    2.   <head></head>  

    3.   <body></body>

    4. </html></pre>
    复制代码

    为什么说HTML是不严谨的呢?因为HTML标签即使不闭合,也并不会影响页面内容的组织。
    二、CSS:层叠样式表,是用来控制网页外观的一种技术
    1、CSS是用来修饰内容样式的(重在内容样式美化展示上)
    2、CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版。
    3、基本标签<style></style>,推荐写在<head></head> 中。
    4、/*内容注释*/
    三、JavaScript:是一种嵌入到HTML页面中的语言,由浏览器一边解释一边执行。
    1、JavaScript是用来做交互的
    2、JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。
    3、基本标签<script></script>,推荐写在<body></body>中。
    4、注释://单行注释    /*js多行注释*/
    四、HTML与CSS及JS的关系
    1、这三者99%的情况下都是搭配使用的,但也不是绝对的。
    2、HTML与CSS、JS是不同的技术,可以独立存在;
    3、HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;
    4、CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;
    5、JS可以脱离HTML和CSS而独立存在;
    6、JS可以操作HTML和CSS。
    五、总结:
    1、HTML用于控制网页的结构,CSS用于控制网页的外观,JavaScript控制的是网页的行为。
    2、如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
    3、甚至你也可以想象这三者的关系是一只小鸟,HTML是没毛的鸟,加上CSS鸟就有了漂亮的羽毛,最后JavaScript就能让鸟儿飞起来。

    赞片商业版V10版 购买联系QQ: 2039933716
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|飞飞CMS |网站地图

    GMT+8, 2024-4-24 18:34 , Processed in 0.090043 second(s), 28 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表