网页包含html,css,js(网页包含什么对象)
解html js css三者的概念关系
一个基本的网站包含很多个网页,一个网页由html, css和javascript组成。
html是主体,装载各种dom元素;css用来装饰dom元素;javascript控制dom元素。
用一扇门比喻三者间的关系是:html是门的门板,css是门上的油漆或花纹,javascript是门的开关;
html介绍
html是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签),总的来说,html使用标记标签来描述网页,本文就用标签来代替标记标签进行说明。
标签是指html/html,div/div。
标签是有语义的:标题用h1,表格展示用table,链接用a,无序排列用ul等等。
标签里可带有各类属性,最基本的就是class和id。class属性的作用是引用css样式;id的作用是配合javascript使用,具有唯一性。下面举几个例子说明
l 图片标签img的主要属性有src,alt。src是引用图片的网络地址(必要);alt是对这张图片的描述,如果图片加载不成功,则会显示alt的文字。
l 超链接a的主要属性有href,target。href是指链接要跳转的网址(必要);target是告诉浏览器点击这个链接后要以哪种形式找开窗口,target=”_blank”是指打开一个新窗口
若想了解更多关于html的资料,请点击这里。
css介绍
css的官方名字叫层叠样式表,它的出现是为了解决内容和表现分离的问题,一般存放在.css文件里。
使用css。
可在html的头元素head里书写,或者书写在CSS文件并在html里引用该文件。
css优先权。
多个css样式可集中在单个html标签里,出现这种情况时,一般按优先权划分
浏览器默认设置 (最低)
外部样式表
内部样式表(写在html的head标签内部)
内联样式(写在html的标签里,即style属性)(最高)
css的语法。
css由两个主要部分组成,选择器,一条或多条声明。
选择器是指css样式的名字“.seletor”,名字前面要带上一点“.”。声明是由属性和值组成,例子“margin: 0 auto”,冒号前面是属性,后面是值,该例子是定义元素居中显示。
具体的属性和值可点击这里。
javascript介绍
javascript是脚本语言,它是连接前台(html)和后台服务器的桥梁,它是操纵html的能手,本文用js代替javascript进行说明。
平时听到原生js,js库,js框架,js插件等等,下面简单说明一下。
l 原生js,是指最基础的js,没有封装过,但因为各浏览器对js的支持不同,就导致用基础的js编程需要为不同的浏览器写兼容代码。
l Js库,js框架,是指集成一系列dom操作,API封装,界面UI封装的的库类,常见的有jQuery,extjs等等,这方面的定义比较难区分,暂不误导大家
l Js插件,就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多,网页制作上随处可见。如图片轮换功能,导航制作,上传图片等等。
HTML、Css、Js分别是什么意思?
HTML:是静态网页,该文档本身只有页面结构,可以显示页面内容;\x0d\x0aCSS:层叠样式表,通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式;\x0d\x0a如修改颜色、字体、字号、宽高、位置、背景等。\x0d\x0aJavascript:动态脚本语言,广泛应用于web应用的功能开发以及丰富页面体验,可以动态控制页面内容;\x0d\x0a如修改页面文字、图片、各种效果、功能等;\x0d\x0a\x0d\x0a一个通俗的例子:HTML就像人的身体,CSS就像人的衣服,Javascript就像人的思想和行为。
html,css,javascript在制作网页中的作用是什么?三者之间有何种联系?
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标签用于定义文档的主体, 即在浏览器上看到的网页内容。