前端开发入门

1. 开发工具：谷歌浏览器，sublime，Photoshop
2. 浏览器内核：图片和超链接文本框构成的网页，可视化操作。浏览器内核不同对于网页的语法解释也不同，渲染引擎和JS引擎也不同，主要是JS引擎越来越独立。IE内核改名为Edge，最显著的特点是新内核EdgeHTML。谷歌内核拿了苹果内核后升级使用，新开发Blink。  
3. web标准：由于不同浏览器解析出来的效果可能不一致，开发者通过web标准在不同浏览器中展示统一内容。web标准是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure),表现(Presentation)和行为(Behavior)三个方面。结构用于对网页元素进行整理和分类，我们主要学的是HTML。表现用于设置网页元素的版式，颜色，大小等外观样式，主要是指CSS。行为是指网页模型的定义及交互的编写，我们主要学的JavaScript。
4. html骨架：因为结构最重要所以先学HTML，是超文本标签语言，是用来描述网页的一种语言。所谓超文本，因为他可以加入图片声音动画多媒体等内容，不仅如此，他还可以跳转文件。各种标签的复习和语法写作规范。（英语：HyperText Markup Language）
5. 标签关系：单标签也称为空标签例如<br/>，<标签名>表示该标签的作用开始，</标签名>称为结束标签，只是在之前加了/。标签的相互关系就分为两种1.嵌套关系2.并列关系
6. 文档类型字符集：utf-8是目前最常用字符集编码方式，常用的字符集编码方式还有gbk和gb2312(简单中文包括6763个汉字)。UTF-8则包含全世界所有国家需要用到的字符。HTML标签语义化就是指标签的含义，方便代码的阅读和维护，使用语义化标签会具有更好地搜索引擎优化。
7. 排版标签：排版标签主要是和CSS搭配使用，显示网页结构的标签，是网页布局最常用的标签。标题标签(head头部，标题)，段落标签(paragraph)<p>标签，水平线标签<hr/>
8. div span：div span是没有语义的，是我们网页布局主要的两个盒子。div分割，分区的意思。span跨度，跨距；范围。<span> 用于对文档中的行内元素进行组合。
9. 文本格式化标签：在网页中，需要为文字设置各种效果需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。粗体，斜体，加删除线，加下划线等。
10. 图像标签：<img>标签加入图片，必需属性是src，用于指定图像文件的路径和文件名，可设置宽度高度和边框。(图片记得要保存到开发软件中哦)
11. 链接标签：<a>链接为超链接，可跳转，href后加上路径名。不仅可以创建文本超链接，在网页中各种网页元素，如图像，表格，音频都可以添加超链接。锚点定位：通过创建锚点链接，用户能够快速定位到目标内容。用a标签使用相应的ID名跳转目标的位置。
12. 特殊字符：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。特殊符号的标签代码，虚线括号等，只要你认识了，你便会知道特殊字符的用处。
13. 注释标签：在HTML文档中添加便于阅读和理解但又不需要显示在网页中的注释文字，就需要用注释标签<！—— 注释语句 ——>注释标签用来在源文档中插入注释。注释不会在浏览器中显示。您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。您也可以在注释内容存储针对程序所定制的信息。在这种情况下，这些信息对用户是不可见的，但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中，这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
14. 相对路径：不同的文件放在对应的文件夹，插入图像需要采用路径的方式来指定图像文件的位置，路径可以分为，相对路径和绝对路径。相对路径指在文件夹中的文件，绝对路径是完整的网络地址。
15. 无序列表的使用：无序列表的各个列表项之间是没有顺序级别之分，是并列的。无序列表注意事项：<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字是不允许的。<li>与</li>之间相当于一个容器，可以容纳所有的元素。无序列表自带样式属性。
16. 有序列表：有序列表即为有排序顺序的列表，其各个列表项按照一定的顺序排列定义。
17. 自定义列表：定义列表常用于对术语或者名词进行解释和描述，定义列表的列表项前没有任何项目符号。自定义列表不仅仅是一列项目，而是项目及其注释的组合。 

    注意事项 - 有用提示

    提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。