职业方向规划定位：

web前端开发工程师

web网站架构师

自己创业

转岗管理或其他

web前端开发的前景展望：

未来IT行业企业需求最多的人才

结合最新的html5抢占移动端的市场

自己创业做老板

随着互联网的普及web开发成为企业的宠儿和核心

web职业发展目标：

起步阶段：

提升阶段：

成型阶段：

基本知识的掌握

常用工具的掌握

沟通技巧的掌握（围绕客户的需求）

良好的开发习惯（加注释、对齐方式）

熟悉掌握HTML基本标签和属性

熟练掌握css的基本语法和使用

浏览器兼容和w3c标准的掌握

结合html+css+js开始系统项目的开发

精通DIV+CCS布局

精通css样式表控制html标签

熟悉运用js制作动态网站的效果

能独立开发完成网站

负责内容的HTML

负责外观的css（层叠样式表）

负责行为的js

ps切图

第一、梳理知识架构

第二、分解目标（起步阶段、提升阶段、成型阶段）

认识HTML：

html不是一种编程语言，是一种标志语言

标记语言是由一套标识标签组成的

html使用标签来描述网页

html结构：

不成对出现的标签brhrmetaimginput..option..link

HTML基本标签的讲解：

strong用于强调文本，强度更深，表示重要文本---用于SEO优化

b只是视觉加粗效果---单纯为了产生加粗

htmlheadbody标签

h1----h6仅仅用于标题文本，不要为了产生粗体文本使用它们

p标签段落标签

strongb标签

都会让文字产生加粗效果

emi标签

em用于强调文本

i只是视觉斜体效果

strong比em强调更强

特殊符号：

nbsp;----空格

gt;---大于号

lt；---小于号

quot；---引号

copy;--版权号

HTMl基本标签：

可以创建一个内容滚动效果

锚点也是一种超链接，是页面内进行跳转的超链接

第一步：创建锚点aname="锚点名称"/a

第二步：使用创建好的锚点名称ahref="#锚点名称"内容/a

target属性：

_self(在原来页面打开)

_blank（新窗口打开）

_top（打开时忽略所有的框架）

_parent（在父窗口中打开）

文字的格式按源码的排版来显示，我们称之为预处理格式

对被用来组合文档中的行内元素

注意：span没有固定的格式表现，当对它应用样式时，才会产生视觉上的变化

span标签

pre标签

a标签---他有一个必不可少的属性href

创建锚点和锚链接

marquee标签

direction表示滚动方向，取值有（left,right,up,down,默认left）

loop表示滚动循环的次数，默认为无限循环

表示当鼠标移上区域的时候停止滚动，鼠标移开继续滚动

图片标签与路径：

常见图片格式jpgpnggif

Gif（只支持全透明）

Jpeg/jpg

Png半/全透明都支持

图片标签写法：

imgsrc=""alt=""width=""height=""/

图片四要素：

src=""图片路径

alt=""图片含义

width=""图片宽度和图片大小保持一致

height=""图片高度和图片大小保持一致

title=""

路径知识：

相对路径：(RelativePath)相对于该文件的路径；

绝对路径：(AbsolutePath)从磁盘出发的路径；

相对路径、绝对路径：

imgsrc=""……align=""/align属性--设置图片与后面文字的位置关系值--top、bottom、middle、absmiddle、left、right

在静态页面中：

/开头表示根目录；

./表示当前目录；（斜画线前面一个点）

../上级目录；（斜画线前面两个点）

直接用文件名不带/也表示同一目录

这些都是相对于当前文件的位置来说的，如果用绝对路径的话就是写全了。

三种列表的知识讲解：

无序列表是一个没有顺序项目的列表，此列表项默认粗体圆点进行标识

ul无序列表

ol有序列表

有序列表也是一列项目，只是列表项目使用的是数字进行标记。有序列表始于ol标签。每个列表项始于li标签。

列表符号

type="A"ABCD

type="a"abcd

type="1"默认值type="I"IIIIIItype="i"iiiiii

type="circle"空心圆type=“disc”实心圆默认值type="square"方块符

无序列表-列表符号:

有序列表-列表符号

列表嵌套

无序列表-嵌套

有序列表-嵌套

定义列表

定义列表不仅仅是一列项目，而是项目及其注释的组合。定义列表以dl标签开始。每个定义列表项以dt开始。每个自定义列表项的定义以dd开始。

dd是对dt的解释

dl/dl用来创建一个普通的列表,

dt/dt用来创建列表中的上层项目，

dd/dd用来创建列表中最下层项目，

dt/dt和dd/dd都必须放在dl/dl标志对之间。

dl是definitionlist的缩写

dt是definitiontitle的缩写

dd是definitiondescription的缩写

list-style属性具有三个属性分量：

list-style-position：设置列表项图标的位置，位于文本内或者文本外

list-style-type：设置列表项图标的类型

list-style-image：使用图像设置列表项图标

-THEEND-

web前端课程，web前端学习路线，整理前端学习过程中的各种知识点，学习方法，每天给大家更新一份资料学习，每天进步一小步，







































北京哪个医院治疗白癜风专业
北京能治白癜风病的地方

转载请注明原文网址：http://www.gzdatangtv.com/bcyyfz/2743.html