HTML结构--HTML基本概述

1 超文本标记语言

超文本标记语言简称：HTML

2 网页基本构成

HTML如何构建一个网页？
一个网页的基本构成，可以分为三个部分，结构（Tag），样式（CSS），行为（JavaScript）。如果把HTML构建一个网页比喻成，建一栋大楼：

1. 设计楼层布局，房间布局等，构建大楼的基本骨架结构
2. 贴瓷砖，抹白，过道，楼梯装修等，把基本骨架进行进一步的装饰
3. 安装电梯，路灯等功能性的设施
   
   HTML的优点：
   简易性、可拓展性、平台无关性、通用性。

3 构建HTML的准备

开发工具用来写代码，浏览器用来查看效果。
开发工具软件名称：editplus，sublime，webstorm，HBuilder…
快键键：

a. 新建界面：ctrl+shift+n，鼠标点击
b. 保存界面：ctrl+s（文件编码格式，后缀名 .html）
c. 前一个操作、后一个操作：Ctrl+y、Ctrl+z
d. 编辑器缩(前)进两个：tab（后）、shift+tab（前）
e. 删除：删除键Delete、 退格键Backspace
f. 复制：ctrl+c    剪切：ctrl+x     粘贴：ctrl+v
g. 放大（缩小）界面：ctrl+shift+鼠标滚轮
h. ctrl+B	将代码用浏览器浏览

浏览器基本操作：

a.刷新：f5（刷新前一定要先在开发工具里保存一下
b.调试工具：f12或者打开网页右键审查
c.快速查看元素：ctrl+shift+c

HTML的文件格式：
HTML文件能在任何浏览器浏览，其文件格式后缀名为 .html
类似普通的记事本文件后缀名为 .txt

4 网页基本结构

构建一个网页最基本的结构，所有的元素都是在这结构上去添加。

HTML改变模板方法：
第一步：工具——首选项——模板——打开（选择带x的模板）——确定

第二步：修改自己想要的模板内容
第三步：直接ctrl+s保存，关闭模板网页即可。
第四步：
首选项里面可以设置其他的：
工具里面设置默认浏览器
文件中取消备份，文件没必要都存储两份。
常规里面将editplus添加到右键菜单
文件后缀名显示：
工具——文件夹选项——查看——取消隐藏

5 网站与网页

网站是相关网页的集合，采用超连接方式组成的既有鲜明风格又有完整内容的有机整体。
网页是网站中的一页，通常是HTML（是标准通用标记语言下的一个应用）格式（文件拓展名为HTML或htm、或asp、或aspx、或php、或jsp等）。网页通常用图像档来提供图画，网页要使用网页浏览器来阅读。
网页是构成网站的基本元素，是承载各种网页应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。