HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)
HTML —— 结构, 决定网页的结构和内容( “是什么”)
CSS —— 表现( 样式) , 设定网页的表现样式( “什么样子”)
JavaScript( JS) —— 行为, 控制网页的行为( “做什么”)
一、 HTML语言
1.1什么是HTML语言( HTML概述)
英文全称: Hyper Text Markup Language
中文全称: 超文本标记语言
HTML 语言是制作网页的最基本语言, 并且只能通过web浏览器显示出来。
Hyper( 超) :
用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。
Text( 文本) :
HTML是一种文本解释性的程序语言, 即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。
Markup( 标记) :
HTML的基本规则就是用“标记语言” ---- 成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。
1.2 HTML文档结构
HTML文档一般由两部分组成:
1. 文档所要表达的内容信息( 文字、 图片等) ;
2. 一系列的HTML标签;
1.3 HTML标签
1.3.1 什么是HTML标签
1. HTML标签是用 <> 所括住的指令, 主要分为:
单标签: <起始标签/>
双标签: <起始标签></结束标签>
例如:
<br/>
<div></div>
2. 通常使用的是双标签。 有一个起始标签就对应有一个结束标签。 标签内容写在起始标签和结束标签之间。
<div>标签内容</div>
3. 在元素的起始标签中, 还可以包含“属性”来设置元素的其他特性。 一个标签可以有多个属性,每个属性之间用空格隔开。
<div 属性名="属性值"></div>
例如:
<div class="wrap" id="wrap"></div>
4. 每一对双标签之间可以嵌套, 但不能交叉。
正确示例:
<div>
<p></p>
</div>
错误示例:
<div>
<p>
</div>
</p>
1.4 编码器
1.4.1 WebStorm源码主体标签含义
<!DOCTYPE> :
是一个声明不是 HTML 标签; 它是用来告诉 web 浏览器要使用哪个 HTML 版本来对页面进行编写。
<html>:
<html>是文档标识符, 它是成对出现的, 首标签<html>和尾标签</html>分别位于 HTML 文档的最前面和最后面, 明确地表示文档是以超文本标识语
言( html)编写的。 该标签不带有任何的属性。
<head>:
<head>标签用于定义文档的头部, 它是所有头部元素的容器。 <head> 中的元素可以引用脚本、 指示浏览器在哪里找到样式表、 提供元信息等等。
<meta>:
<meta>标签位于文档的头部, 用于定义文件信息, 对网页文件进行说明。 其中name属性主要用于描述网页, 与之对应的属性值为content, content中
的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<body>:
<body>标签用于定义文档的主体, 即在浏览器上看到的网页内容。
前端页面将网页分为结构层、表示层、行为层,而html 就是结构层,css 就是表示层,javascript 就是行为层。
网页的结构层由HTML标记语言负责创建;
网页的表示层 由 CSS 负责创建, CSS 对“如何显示有关内容”的问题做出了回答;
网页的行为层由javascript负责回答“内容应该如何对事件做出反应”这一问题。
html,css,javascript在制作网页中的作用,三者之间有何种联系
每一个网页都是一个html文档,由浏览器解释呈现的。css是html中用来布局表现的。而javascript是html中用来动态交互的脚本。
html,css,javascript在制作网页中的作用是什么?三者之间有何种联系?
HTML、 CSS、 JavaScript三者的关系网页主要由三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)HTML —— 结构, 决定网页的结构和内容( “是什么”)CSS —— 表现( 样式) , 设定网页的表现样式( “什么样子”)JavaScript( JS) —— 行为, 控制网页的行为( ...
JavaScript html css 是用来做网页的吗? 和网页制作三剑客之间有什么关...
Javascript,html,css都是做网站的语言,利用这些语言来编写代码以建成你想要实现的网页。而网页三剑客,Dreamweaver,flash firework,可以帮你更便捷的编写,比如排版啊,制作小Flash,修改图片,三剑客是辅助软件,也就相当于对网站做的美工。重点是对语言的学习,而Html是做网页基础的基础,然后ASP,JSP等等。
解html js css三者的概念关系
html是主体,装载各种dom元素;css用来装饰dom元素;javascript控制dom元素。用一扇门比喻三者间的关系是:html是门的门板,css是门上的油漆或花纹,javascript是门的开关;html介绍 html是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签),总的来说,html使用标记标签来描述网页...
JavaScript html css 是用来做网页的吗? 那和网页制作三剑客之间有什...
这三个是做网页的编码语言,网页三剑客是做网页用的工具,这三种语言具体应用到dreamweaver中,另外两剑客是给dreamweaver制作图片和flash的,个人认为,firework做图片没有phototshop方便。
HTML、CSS、Javascript在Web开发中的作用?
CSS 就相当于化妆师,像你一个HTML网页如果不用CSS来修饰的话可以说是无法见人的,就像现在一个丑女可以PS成一个神仙姐姐一样,CSS就是把HTML页面来美化的玩意。PHP 是后台服务器语言,而之前说的JAVASCRIPT是客户端脚本语言,一个执行在浏览器,一个执行在服务端,也就是说当你点一个登录之后数据...
HTML和CSS有什么关系呀?
1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2)CSS样式是表现(外观控制),就像网页的外衣,如标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3)JavaScript是用来实现网页上的特效效果,如...
...html,css,javascript,php,mysql这些做网页的区别,以及制作网页要学那...
1、html,css,javascript 是网站前台技术,就是你打开网页所看到的 2、php是编程语言 3、mysql是数据库 你要是开发网站,这几样都要会才行,它们没有区别这一说,他们是不同类型的实体,没法比较,做网站需要它们结合起来 你是用php编程语言 从mysql里面把数据查询出来,html是前台展示的,css+js可以...
请问html,css,JavaScript,还有PHP。Mysql。各自承担什么职责?
html---页面内容与结构,网页的基础 css--内容的表现与布局,对网页美化 Javascript--浏览器行为的控制,能实现用户与浏览器的交互,可以改善设计,验证数据,响应事件等 PHP--在web应用里的话,主要是协助web服务器工作,可以说是web服务器功能的扩展,可以收集表单数据,动态输出页面,可以在服务器端...
Html,Javascript,Css是什么?
Javascript,JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标...