标题图
了解浏览器
掌握 web 标准
理解标签语义
掌握常用标签
掌握三种列表标签
前端开发工具:
浏览器是网页显示, 运行的平台, IE, 火狐(Firefox), 谷歌(Chrome),Safari 和 Opera 称为五大浏览器.
Chrome(谷歌), Sublime, Photoshop, IE, Firefox(火狐), Safari, 和 Opera.
效果
用 Sublime 书写代码.
浏览器内核: 浏览器分两个部分, 一个是渲染引擎 (layout engineer 或者 Rendering Engine) 和 JS 引擎.
渲染引擎是负责网页的内容(如 html, xml 图像等), 和 CSS, 还有计算网页的显示方式,, 进行显示, 浏览器的内核不同对网页语法的解释就会有所不同, 导致渲染的效果也不同.
JS 引擎是用来解析 JavaScript 语言的, 来实现网页的动态效果. 听说开始渲染引擎和 JS 引擎是没有区别的, 只是后来 JS 引擎的独立, 内核就指渲染引擎了, 常见的浏览器内核分为: Trident(IE 内核), Blink(Chrome), Gecko(Firefox), Webkit(Safari).
Web 标准, 重点在于兼容性. 不同的浏览器解析出来的效果会不一样. 这就需要 Web 标准. 包括结构 Structure, 表现 Presentation, 行为 Behavior 三个方面, 结构标准是我们要学的 HTML, 用于对网页元素进行整理和分类, 表现标准是我们要学的 CSS, 用于设置网页元素的样式, 行为标准是我们要学习的 JavaScript 用于网页的交互.
HTML 决定页面的结构
CSS 决定页面的样式
JS 决定页面的行为
HTML 相当于人的骨骼结构
CSS 相当于人的穿着打扮
JavaScript 相当于人的动作行为
HTML 学习
HTML 是超文本标记语言, 文本, 标签<>, 不是一种编程语言, 而只是标记的语言, 标记语言是一套标记标签.
HTML 的基本骨架:
- <HTML>
- <head>
- <title></title>
- </head>
- <body>
- </body>
- </HTML>
字符集: utf-8 是目前常用的字符集编码方式, gb2312 和 big5,GBK.
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title></title>
- </head>
- <body>
- </body>
- </HTML>
- <head>
- 头部
- <title>
- </title>
- 文档标题
- <h1>
- <h2>
- <h3>
- <h4>
- <h5>
- <h6>
- <b>
- </b>
- <strong>
- </strong>
- 粗体
- <i>
- </i>
- <em>
- </em>
- 斜体
- <del>
- </del>
- <s>
- </s>
- 加删除线
- <u>
- </u>
- <ins>
- </ins>
- 加下划线
- <strong>
- <em>
- <ins>
- <del>
- <a href="#me">dashu</a>
- <h1 id="me>dashucoding</h1>
- <base > 标签
- // img hr br base 单
- <head>
- <base target="_blank"/>
- </head>
- images/xxx.gif
- <img src="images/xxx.gif"/>
- HTML->xxx.HTML
- xxx.gif
- <img src= "../xxx.gif"/>
- <ul>
- <li > 列表项 1</li>
- <li > 列表项 2</li>
- <li > 列表项 3</li>
- ......
- </ul>
- <ol>
- <li > 列表项 1</li>
- <li > 列表项 2</li>
- <li > 列表项 3</li>
- ......
- </ol>
- <ul>
- <li><li>
- </ul>
- <ol>
- <li></li>
- </ol>
- <dl>
- <dt > 名称</dt>
- <dd></dd>
- <dd></dd>
- </dl>
来源: http://www.jianshu.com/p/04928e19b9b4