Web 前段开发

目录

1. HTML概述

1.1 HTML的基本结构

1.2 HTML的常用开发工具

2 HTML的全局属性

2.1 HTML的全局标准属性

---

1. HTML概述

标记语言，是一种将文本（Text）以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。
标记语言有XML、HTML、XHTML。
HTML,超文本标记语言(Hypertext Markup Language)是为网页创建和其他可在网页浏览器中看到的信息设计的一种标记语言。HTML文档在浏览器上运行，并由浏览器解析。
HTML4.0:1997年12月18日，W3C推荐标准。
HTML4.01:1999年12月24日，W3C推荐标准，这也是另外一个被广泛使用的标准。官方文档地址为  https://www.w3.org/TR/1999/REC-html401-19991224/
XHTML，可扩展超文本标记语言(eXtensible HyperText Markup Language)，是一种更纯洁、更严格、更规范的HTML代码。
XHTML 1.0:2000年1月26日，W3C推荐标准。官方文档地址为  https://www.w3.org/TR/2000/REC-xhtml-20000126/

1.1 HTML的基本结构

HTML 文件由文件头（head）和文件体（body）两部分组成，在这两部分外面还要加上标签＜html＞＜/html＞说明此文件是HTML文件，这样浏览器才能正确识别HTML文件。

HTML的基本结构如下：

<！DOCTYPE html>



     
           
           
     
      
             文档主体
      

标签名	定义	说明
	HTML标签	页面中最大的标签，称为根标签
	文档的头部	注意在head标签中我们必须要设置title标签
	文档的标题	让页面拥有一个属于自己的网页标题
	文档的主体	元素包含文档的全部内容

在HTML的基本结构中，可以看到用“＜、＞”括起来的单词，这个通常叫做元素，元素常见格式如下：
●双标签：双标签由开始标签和结束标签两部分构成，必须成对使用。如＜div＞和＜/div＞
●单标签：有些标签单独使用就可以完整的表达意思，这种标签叫做单标签。如换行标签＜br＞
●特殊的标签：＜！DOCTYPE＞，这个标签位于HTML的第一行，且位于＜html＞标签之前，用于声明文档类型，以及描述该文档可以使用的标签和属性，写法固定。
●大部分标签都可以在标签内包含一些属性，且各属性无先后顺序，属性也可以省略，省略即取默认值。例如，＜title id="title"＞标题＜/title＞

●标签：前面已经介绍过，用“＜”和“＞”括起来的叫做标签，如＜p＞、＜/p＞、＜br＞等。
目前HTML标签不区分大小写，但根据W3C建议，最好用小写。
●元素：一对标签包含的所有代码，元素的内容是开始标签与结束标签之间的内容。
●属性：HTML标签可以拥有属性。属性提供了有关HTML元素更多的信息。属性总是在开始标签中规定，并且属性总是以名称/值对的形式出现，如name="value"。

1.2 HTML的常用开发工具

★NotePad++是一款文本编辑器，软件小巧高效，且支持多种编程语言，如C、C++、Java、C#、XML、HTML、PHP、JavaScript等。
https://notepad-plus-plus.org/
★Visual Studio Code，是针对编写现代Web和云应用的跨平台源代码编辑器。
https://code.visualstudio.com/
★Sublime Text是一个轻量级的编辑器，支持各种编程语言
http://www.sublimetext.com/
★WebStorm是JetBrains公司旗下的一款JavaScript开发工具，现常用于开发HTMK5
https://www.jetbrains.com/webstorm/
★Atom是GitHub专门为程序员推出的一个跨平台文本编辑器
https://atom.io/
★HBuilder是一款国产的前端开发工具
http://www.dcloud.io/
 

2 HTML的全局属性

2.1 HTML的全局标准属性

全局标准属性适用于大多数元素。在HTML规范中，规定了8个全局标准属性。
●class：用于定义元素的类名。class属性通常用在＜body＞元素内部。
●id：用于指定元素的唯一id。在整个HTML文档中要具有唯一性。主要作用是可以通过JavaScript和CSS为指定的id改变或者添加样式、动作等。
●style:用于指定元素的行内样式。使用该属性后会覆盖任何全局的样式设定。
●title:用于指定元素的额外信息。通常会在鼠标移到元素上时显示定义的提示文本。
●accesskey:用于指定激活某个元素的快捷键。支持accesskey属性的元素有＜a＞、＜area＞、＜button＞、＜input＞、＜label＞、＜legend＞、＜textarea＞。
●dir：用于指定元素中内容的文本方向。dir的属性值只有left to right和right to left两种。不生效的元素有＜base＞、＜br＞、＜frame＞、＜frameset＞、＜hr＞、＜iframe＞、＜param＞、＜script＞。
●lang：用于指定元素内容的语言。由于涉及元素内容的语言，自然与dir属性一样。

2.CSS基础

什么是CSS？

CSS的历史

CSS样式单的使用方式

CSS的两个特性

CSS的基本语法