WEB初学者简介，web入门
一，前端——web简介
1，什么是web?
使用浏览器去访问的程序，web程序，俗称：网页。
细分网站： 电商网站，应用网站（OA，CRM），门户网站
2，什么是web前端？
web程序的代码存储在服务器端
代码分为两种：一种运行在浏览器（客户端），一种运行在服务器（后端程序）
运行在客户端的代码： 前端代码
运行在后端的代码： 后端代码
3，完成的网站： 前端+后端
二，前端都要学习什么？
1，静态页面编写——按照产品设计图编写，开发网页（.html ）文件，可以在浏览器运行
技术： HTML(5)，css(CSS3)
2, 添加页面功能： 动态特性，页面交互
技术： javascript , JQuery , DOM
3, 和服务器交互
技术： server , php , ajax
4,复杂开发： HTML5，框架技术（bootstrap, node.js , angular.js ）, 移动端开发，微信开发
三，学习方式
1，纯手写代码
2，学习难度： 打字速度， 英文单词
3，增加代码量
四，学习入门
1，web基础知识
1. internet
全球计算机互联网，又称国际互联网，简称： 互联网、英特网、交互网。
2，web程序
就是运行在internet 之上的一种应用程序，俗称： 网页。
3，web 应用的作用
可以吧各种信息和服务无缝链接，提供一个生动的用户界面。
4， 工作原理
基于浏览器和服务器还有通信协议来实现信息的传输和展示
通信协议： http://
浏览器： IE，Chrome , firefox , Opera , safari
浏览器功能：
1，想服务器发送请求，提交数据
2，解析执行HTML页面，提供生动形象页面给用户
服务器： 接收前端的请求（手段程序完成）存储代码
存储数据
后端程序 （用 java , php, .net 后端程序语言去实现， 他们都能直接操作数据库，并且进行业务逻辑处理， 并将结果返回给前端处理）
前端进行数据的展示： HTML，CSS，JS（通过浏览器解析以后给用户看）
2，HTML概述
1，什么是HTML？
HTML（Hyper Text Markup Language ） 超文本标记语言
浏览器： “解释和执行” HTML 源码的工具
2，特点
2.1，已 .html 或 .html 为后缀
2.2，由浏览器解析执行
2.3，可以嵌套脚本语言 （javascript , vbscript）
2.4，用带有尖叫括号<> 的 " 标记" 来标识
3，HTML 基础语法
3.1，标记。 什么是标记？
标记是由 尖括号 包围的关键词，并且是具有相应功能的符号，比如 <a>
注意 ： 标记必须用 尖括号 括起来。
3.2， 分类
3.2.1，封闭类型
又称为 双标记
语法 ： <标记> xxxx内容xxxxx </标记>
特点： 必须有开始有结束， 如果忘记结束，会影响其他内容
eg:
<标记>内容</标记>
3.2.2, 非封闭类型
又称 单标记
语法： <标记> 或 <标记/>
eg: <br> 或 <br/>
<img> 或 <img/>
3.2.2, 元素
1，元素即标记（标签）
元素之间可以互相嵌套 ，来形容更为复杂的页面结构。
元素嵌套 ： 在一个元素中，又出现另一个元素
eg:
<p>
<a>
<img>
</a>
</p>
以上写法正确，推荐
<p><a><img/></a></p> 正确，但不推荐
<p>
<a>
<img>
</p>
</a>
以上写法错误
***注意： 1，注意嵌套顺序，完整嵌套
2，代码换行缩进
2, 元素的属性和值
元素属性的作用： 用来修饰元素
语法： <标记 属性=''值‘’ 属性=''值'' ...> </标记>
eg:
p元素的align属性值为center , id 属性值为 p1
<p align ="center" id="p1"></p>
3 , 标准属性（通用属性）
id : 元素在页面中唯一标识
title : 鼠标移入到文字上时，所提示的文本
class : CSS中， 引入类选择器
style : CSS中， 定义元素的行内样式
4，注释
语法： <! --注释内容-->
注意： 1，注释本身不能嵌套
2，不能出现在标记中
4，HTNL标准结构
4.1 首先声明文档类型： < ! doctype html>
4.2 HTMl页面： 由一对根标记组成 <html> </html> 紧跟在 <! doctype html > 之后
4.3 在根标记中包含量部分：
1，文件头： <head> </head> 用于定义页面的全局信息
2，文件主体 ： <body> </body> 页面的主体内容
练习： 新建一个first.html ,写出网页标准结构
5，head元素
是title ,meta , script , style , link 元素的容器
1， <title> 内容 </title> 定义网页的标题
2，<meta > 定义网页的基本信息 ： 编码格式，关键字，描述内容等
<meta charset='' utf-8 "> 编码格式
<meta name="观极" content="关键字">
<meta name="description " content="描述内容">
3, <script> </script> 定义或者引用js文件
4，<style> </style> 定义内部样式表
5，<link> 引入外部样式表
6，body元素
定义页面主体内容
属性：
text : 定义文本颜色
取值： 颜色的英文单词
bgcolor : 定义页面背景颜色
取值：颜色的英文单词
文本标记：
总结
以上是生活随笔为你收集整理的WEB初学者简介，web入门的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 阿里云存储_OSS对象存储
- 下一篇： 产品经理——如何挑选一款高效的原型工具？