您的位置:首页 > Web前端 > JavaScript

从零开始学JavaScript(一)——HTML&&CSS&&JavaScript简介

2019-05-04 21:43 127 查看

JavaScript学习及进阶

  • 二、HTML、CSS、JavaScript之间的联系

  • 由于JS中涉及到HTML、CSS,我就先简单介绍一下HTML、CSS的一些基本结构和一些基本用法。没有提到的在之后的文章中会解释。

    一、HTML的概念以及基本的结构

    HTML的概念

    HTML的概念:是一种用来制作超文本文件的简单标记语言。
    超文本文件中可以包含图片、声音、动画、影视等内容,而不仅仅是文本信息。另外超文本文件还可以通过链接从一个页面跳转到另外一个页面,从而与世界各地的主机相连。

    HTML的基本结构以及简单的创建方法

    下面用一段简单的代码给大家讲一讲基本结构,同时也说说最基本的编写HTML代码,并且运行的方法。
    1.创建一个文本文档

    2.打开文本文档写入html代码

    <!!–内容–>表示注释,在网页中是不会显示的。
    3.修改文件名后缀为html

    4.双击打开查看网页

    一些基本的标签及作用介绍

    除了这种方式外还可以用各种编辑器编写,我这里推荐HBuilder。接下来给大家列举一些标签及其作用.

    关于HTML、CSS和DIV所有的标签和用法我会上传到的百度云,由于主要讲JavaScript,前面就只大概的为大家介绍一下,JavaScript会涉及到里面很多标签,后面在遇到时会一一讲解。之后如果有空余时间也会写一些html代码来说一下标签用法
    百度云网址:https://pan.baidu.com/s/1r_9RVTb4jBBI00CzdBYLGw
    提取码:r9x0

    二、HTML、CSS、JavaScript之间的联系

    三者的关系可以用房子来描述。如果说一个html页面就是一个房子的话,那么其中的html元素就好比建成房子的砖、木、土、钢、水泥、沙子等各种材料,css就是让房子看起来像怎样的设计规范或者图纸,javascript就是用来调整用css规范建成的房子的各个已经就位的元素,让它们能够灵活地移动或者活动,比如控制一个门是开着还是关着的,把桌子从左边移动到右边等等。html是基础,css是表态地规范html元素的位置大小颜色等等状态的,而javascript则可以动态地控制html元素。
    在html中最重要的就是盒模型,在html中所有的过程都是按照盒模型来构建的。

    拼图小游戏分享

    这里有一个拼图小游戏分享给大家,在之后的文章中会详细讲解
    百度云文件网址:https://pan.baidu.com/s/1gF0H4hmtxOCb3eCHaIvG0Q
    提取码:y7pm

    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: