# 第一部分 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使用标签来描述网页
-
html结构:
<html>
<head></head>
<body></body>
</html>
@前端进阶之旅: 代码已经复制到剪贴板
-
不成对出现的标签
<br><hr><meta><img><input..><option..><link> -
HTML 基本标签的讲解:
-
<html><head><body>标签 -
<h1>----<h6>仅仅用于标题文本,不要为了产生粗体文本使用它们 -
<p>标签 段落标签 -
<strong><b>标签 -
都会让文字产生加粗效果
<strong>用于强调文本,强度更深,表示重要文本—>用于SEO优化<b>只是视觉加粗效果—>单纯为了产生加粗
-
-
<em><i>标签em用于强调文本i只是视觉斜体效果<strong>比<em>强调更强
-
特殊符号:
---->空格> —>大于号<;—>小于号";—>引号©–>版权号
# 第三章 html基本标签
HTMl基本标签:-
span标签- 对被用来组合文档中的行内元素
- 注意:span没有固定的格式表现,当对它应用样式时,才会产生视觉上的变化
-
<pre>标签- 文字的格式按源码的排版来显示,我们称之为预处理格式
-
<a>标签—>他有一个必不可少的属性 hreftarget属性:_self(在原来页面打开)_blank(新窗口打开)_top(打开时忽略所有的框架)_parent(在父窗口中打开)
-
创建锚点和锚链接
- 锚点也是一种超链接,是页面内进行跳转的超链接
- 第一步:创建锚点
<a name="锚点名称"></a> - 第二步:使用创建好的锚点名称
<a href="#锚点名称">内容</a>
- 第一步:创建锚点
- 锚点也是一种超链接,是页面内进行跳转的超链接
-
marquee标签- 可以创建一个内容滚动效果
-