个人学习web前端总结

2015年08月31 上午
Aptana Studio 3
目标 态度
态度决定一切 细节决定命运
应聘时回答问题的方式 严肃认真。

坚持晨练 保持一个健康的身体

在面试时 要尽可能的将自己会的表达出来，注意面试技巧 着装礼仪

在平时对自己的要求 严格按要求出勤 我们现在就要像一个正式员工一样，认真做好自己的事情 注意上下班时间（实训时间）

职业素养 付出与回报总是成正比的，只是有可能收获回报时可能你已经忘记了曾经的付出（付出与回报之间存在时间间隔） 熟能生巧
个人感受：ui与web前端相辅相成

网页编程基础 HTML5 （hpyer text markup language）超文本标记语言 用于设计网页的标记语言 由浏览器解释执行 可嵌套脚本语言程序段
了解WEB基础知识 HTML5快速入门 文本
web与internet
Internet全球计算机信息网络
Internet提供的主要服务 FTP 、Email、 Telnet、BBS、WWW
基本实现技术 分组交换原理：信息在Internet上被分成许多小数据包进行传输，到达目的地后将信息包重组为信息
TCP/IP协议簇


web是运行在Internet上的应用之一 Internet为web提供了网络环境
world wide web 万维网将信息与服务进行无缝连接 可提供图形用户界面（又可称为文档）
信息：文字、图片、声音、视频等等
服务：news、telnet、ftp（用于上传文件等）、mail

文本是以文档的形式体现出来
网页 网址 域名
web的工作原理

web是基于Internet的一个多媒体信息服务系统
它是基于浏览器/服务器(B/S)模式，由web服务器、浏览器（Browser）和通信协议组成

Http（hypertext transfer protocol）超文本传输协议
服务器 专门为用户提供服务的机器


请求（request）：
响应（response）：
HTTP协议：
作用：http规范了数据的传递方式及数据传输格式。

FTP（file transfer protocol）

chrome浏览器 稳定 可调试
在web服务器上主要是与网页的形式发布相关多媒体信息

web服务器的主要功能 存储web上的信息 提供管理

web浏览器的主要功能 提交请求 作为HTML解释器和内嵌脚本执行器 用图形化方式显示HTML文档


web的相关技术

服务器端（Server）技术 能够接受用户请求 回应用户请求 访问数据库
DB（DataBase ）
PHP（hypertext preprocessor）
JSP（Java server page）
ASP（Active server page）

客户端（Client）技术
界面（客户可以看到的）网页
文本框

运行在前端的

三大宝
HTML
CSS（Cascading Stype Sheets层叠样式表 级联样式表 用于外观表现 美化界面）
JavaScript（JS用于和用户进行交互的语言）



HTML快速入门
概述
web是超文本文件的集合
超文本文件是web基本组成单元 又称网页、HTML文档或者web
后缀 .html/.htm(常用) /.shtml
搜索引擎通常都是.html文本
网页之间通过超文本的超链接组织在一起



基本语法
语法规范:尖括号括起(<>)
双标签 :开始 <标签名称> 结束

文本

双标签 文本显示方式受当前标签控制

This is program

单标签
既可以表示开始 又可以表示结束

开始结束集为一体 意为换行

---

---

表示一条分割线
注释格式：
单行注释 多行注释 注释内容不显示在网页中 注释内不能再嵌套，也不能位于标签之内














标记会导致不同的显示效果 标记有封闭类型也有非封闭类型


元素 标记 元素中可以包含文本内容和其它元素，也可以是空标记（不含任何内容）
元素嵌套
注意 嵌套的标签顺序 存在嵌套时 内部标签要与外部

标签存在缩进



属性与值
属性的声明必须位于开始标记里 一个元素的属性可能不止一个 多个属性用空格隔 开 多个属性不分先后顺序 每个属性都有值 属性与属性值之间等号


控制文本的水平对齐方式 align （left center right ）

标准属性(公共属性 通用属性)：大部分标签所具备的属性。
id定义所在标签的唯一标示名称，方便快速识别找到相关信息
title 鼠标移动到当前标签所在区域时所显示的文字
table 表格控制
class引用样式表中指定的样式
style 定义当前标签的内部（行内）样式


文档结构

版本声明