Web开发初识
来源:互联网 发布:大数据学习路线 编辑:程序博客网 时间:2024/06/10 10:12
最近开始学写网页,所以想记录一下自己学习的过程,同时也把学到的东西做个分享。
学习Web前端开发基础技术需要掌握:HTML 、CSS 、JavaScript语言,接下来我们来看看每种技术分别是做什么的:
1.HTML是网页内容的载体。HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含图片、文字、视频等。
2.CSS样式是网页内容的表现形式。级联样式表是一种用来表现HT或HTML等文件样式的计算机语言。CSS能够对网页中对象的位置排版进行控制,为字体设置不同的字号字形,设置添加背景图片等等,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
3.JavaScript是用来实现网页上的特效效果。JavaScript是一种直译式脚本语言,它是一种动态类型、弱类型、基于原形的语言。u鼠标滑过弹出下拉菜单,或是鼠标滑过之后文件的背景颜色改变等等,可以理解为,有动画的,有交互的一般都是用JavaScript来实现的。
HTML(Hyper Text Mark-up Language)超文本标记语言,是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,HTML通过标记标签对网页进行描述。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。 “超文本” 就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。超文本是超级文本的缩写,超级文本就是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等,同时HTML文档也被称为网页。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。(Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。)
<html> <head> <title> </title> </head> <body> </body> </html>
<html>与</html>标签限定了文档的开始点和结束点,在它们之间 是网页的头部和主体。
<head>标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等,它有结束标签</head>。(提示:应该把<head>标签放在文档的开始处,紧跟在<html>后面,并处于<body>标签或<frameset>标签之前。)
<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中,它是 head 部分中唯一必需的元素。(提示:请记住始终为文档规定标题。)网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页都应该有一个独一无二的title。
<body>和</body>之间定义文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
- 初识eclipse--web开发
- 初识web前端开发
- Web开发初识
- 初识web开发
- XFire初识-使用Eclipse开发Web Service
- python web 开发——初识django
- 第1章 初识Python Web开发
- 【学习笔记】Python基础-Web 开发初识
- Web初识
- web初识
- 初识Web
- 使用Sencha Designer来快速开发web用户界面 -- 初识Designer
- 蓝鸥Web开发:初识div + css引入方式
- 谈谈自己的web开发经历(一):初识web开发
- 初识web服务器控件
- web服务器初识
- Web Service初识
- 初识跨终端Web
- 为什么要使用静态导入?静态导入的作用及使用
- Java_IO流_对String字符串的编解码
- poj 3080
- 【设计模式】Object Oriented面向对象思想剖析
- hdu 1180 诡异的楼梯 BFS 这题相当坑爹啊,需要注意几点
- Web开发初识
- window下免安装PostgreSQL
- Android开发教程 --- 搭建Java版WebService
- Android 源码下编译APK
- Mac下如何使用Debug的keystore调试GooglePlay Game Service
- C++ 重载自增和自减操作符
- Ubuntu14.04下OpenGL动画测试程序
- 增强型jQuery ui Slider滑块插件
- Markdown