从零开始学JavaScript(一)——HTML&&CSS&&JavaScript简介
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
- 前端基础(1):JavaScript、html和css的简介
- 01 html+css+javascript学习简介
- 网页设计语言 HTML,XHTML,CSS,JavaScript 入门简介
- HTML、CSS、JavaScript简介及简单分工
- 使用HTML、CSS以及JavaScript 编写一个简单计算器
- [转]The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books
- 常见web前台技术之间的关系html,css,javascript...
- Python基础-HTML与CSS与JavaScript
- Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置
- 假如我确实喜欢HTML、CSS和JavaScript又将如何?
- Html中编码格式的设置,及引入javascript、css的方法
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序
- JavaScript--01 HTML 上 HTML简介
- 聪明学CSS&HTML&Javascript
- HTML、javascript简介【02】_简单javascript介绍
- 【web小游戏】HTML+CSS+JavaScript实现2048
- HTML CSS JavaScript
- CSS简介、编写CSS代码的方式、HTML和CSS注释
- 了解HTML、CSS、JavaScript的使用和关系