零基础web前端第一阶段学习笔记（第二天）

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

2、Html的历史：

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）： HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5——2014年10月28日，W3C推荐标准[4] HTML5的优势： 世界知名的浏览器厂商对H5的支持。 微软。苹果。Google。。。。。。 市场的需求 跨平台 W3C: 万维网联盟，说白就是提出一个标准，我们按照这个标准来就可以。 结构化标准语言：（HTML,xml） 表现标准语言：css 行为标准：js

3、常用的工具

1、HBuilder

功能简介：

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

2、Sublime Text

功能简介：

Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

3、PS

功能介绍：

Dobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

4、Dreamweaver

功能介绍：

dreamweaver是个由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。

5、WebStorm

功能介绍：

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

6、Visual Studio Code

功能介绍：

Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

7、wampServer

功能介绍：

WampServer，是Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。

8、Atom

功能介绍：

ATOM，是一个现代的文本编辑器,平易近人,但可删节的核心工具定制做任何事,也可以使用有效不沾一个配置文件。

4、网页的基本信息：

标签： 成对出现的标签，分别叫做开放标签和闭合标签， Html的注释： 注释： 任何语言都有注释，注释是给我们程序员自己看，不给电脑看，电脑也不认识。

在我们的idea中。快速生成我们的注释的快捷键：ctrl+/

5、网页的标签：

一级标题

二级标题

三级标题

6、安装我们的idea

7、配置idea

配置一下你的工具的皮肤： 通过鼠标滑轮来控制界面字体的大小： 创建一个HTML文件：

8、特殊符号：

空格： 空     格： 大于号：> 小于号：<

9、链接标签：

点我，进入百度 其中标签是可以嵌套的

10、锚链接：

页面中的锚链接跳转：

我是顶部

回到顶端 页面间的跳转： 我是顶部

我是底部 

11、功能性链接跳转：

点击联系我

12、块元素和行内元素：

块元素：无论内容多少，该元素独占一行 p h1-h6 行内元素：内容撑开宽度，左右都是行内元素的可以排在一行 a strong em

13、列表标签

列表就是信息资源的一种展示方式，它可以是信息结构化和条理化， 并以列表的形式呈现出来，以便浏览器能够更快捷的获取相应的值 列表分类： 无序列表： 有序列表： 定义列表

JAVApython运维测试c/c++ javapython运维大前端 学科 java 大前端 运维 大数据