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

JavaScript学习及进阶

  • 一、HTML的概念以及基本的结构
    • HTML的概念
    • HTML的基本结构以及简单的创建方法
    • 一些基本的标签及作用介绍
  • 二、HTML、CSS、JavaScript之间的联系
    • 拼图小游戏分享

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

HTML的概念

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

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

下面用一段简单的代码给大家讲一讲基本结构,同时也说说最基本的编写HTML代码,并且运行的方法。
1.创建一个文本文档
在这里插入图片描述
2.打开文本文档写入html代码
从零开始学HTML&&CSS&&JavaScrip(一)——HTML&&CSS&&JavaScript简介_第1张图片
表示注释,在网页中是不会显示的。
3.修改文件名后缀为html
在这里插入图片描述
4.双击打开查看网页从零开始学HTML&&CSS&&JavaScrip(一)——HTML&&CSS&&JavaScript简介_第2张图片

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

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

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

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

从零开始学HTML&&CSS&&JavaScrip(一)——HTML&&CSS&&JavaScript简介_第3张图片

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

从零开始学HTML&&CSS&&JavaScrip(一)——HTML&&CSS&&JavaScript简介_第4张图片

拼图小游戏分享

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

你可能感兴趣的:(从零开始学HTML&&CSS&&JavaScrip(一)——HTML&&CSS&&JavaScript简介)