走到天边去
走到天边去

html和css总结

第一部分 HTML

第一章 职业方向和规划定位

职业方向规划定位：

web前端开发工程师

web网站架构师

自己创业

转岗管理或其他

web前端开发的前景展望：

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

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

自己创业做老板

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

web职业发展目标：

第一、梳理知识架构

负责内容的HTML

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

负责行为的js

ps切图

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

起步阶段：

基本知识的掌握

常用工具的掌握

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

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

提升阶段：

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

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

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

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

成型阶段：

精通DIV+CCS布局

精通css样式表控制html标签

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

能独立开发完成网站


认识HTML：

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

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

html使用标签来描述网页

html结构：

1

2

3

4

不成对出现的标签


HTML 基本标签的讲解：

标签

—-

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

标签 段落标签

标签

都会让文字产生加粗效果

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

只是视觉加粗效果—>单纯为了产生加粗

标签

em用于强调文本

i只是视觉斜体效果

比强调更强

特殊符号：

  —->空格

> —>大于号

<；—>小于号

"；—>引号

©–>版权号

第三章 html基础

HTMl基本标签：

span标签

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

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

标签
 
 
文字的格式按源码的排版来显示，我们称之为预处理格式
 
 
标签—>他有一个必不可少的属性 href
 
 
target属性：
 
 
_self(在原来页面打开)
 
 
_blank（新窗口打开）
 
 
_top（打开时忽略所有的框架）
 
 
_parent（在父窗口中打开）
 
 
创建锚点和锚链接
 
 
锚点也是一种超链接，是页面内进行跳转的超链接
 
 
第一步：创建锚点
 
 
第二步：使用创建好的锚点名称内容
 
 
marquee标签
 
 
可以创建一个内容滚动效果
 
 
1
 
 
direction表示滚动方向，取值有（left,right,up,down,默认left）
 
 
loop表示滚动循环的次数，默认为无限循环
 
 
1οnmοuseοver=this.stop() οnmοuseοver=this.start() scrollamout="1"(滚动速度)
 
 
表示当鼠标移上区域的时候停止滚动，鼠标移开继续滚动
 
 
第四章 img图片标签与路径
 
 
图片标签与路径：
 
 
常见图片格式jpgpnggif
 
 
Gif（只支持全透明）
 
 
Jpeg/jpg
 
 
Png半/全透明都支持
 
 
图片标签写法 ：
 
 
 
 
图片四要素：
 
 
src=""图片路径
 
 
alt=""图片含义
 
 
width=""图片宽度 和图片大小保持一致
 
 
height=""图片高度 和图片大小保持一致
 
 
title=""
 
 
路径知识：
 
 
相对路径、绝对路径：
 
 
相对路径：(Relative Path) 相对于该文件的路径；
 
 
绝对路径：(Absolute Path) 从磁盘出发的路径；
 
 
align属性–设置图片与后面文字的位置关系
 
 
值–top、bottom、middle、absmiddle、left、right
 
 
在静态页面中：
 
 
/开头表示根目录；
 
 
./表示当前目录；（斜画线前面一个点）
 
 
../上级目录；（斜画线前面两个点）
 
 
直接用文件名不带/也表示同一目录
 
 
这些都是相对于当前文件的位置来说的，如果用绝对路径的话就是写全了。
 
 
第五章 列表的讲解
 
 
三种列表的知识讲解：