HTML入门教程

初学前端内容，首先要学的当然是H5喽！目前HTML版本一直在演化，迭代；在了解HTML之前我们应该了解下基于Internet内容；Internet-（网）：由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构。

---

基于Internet上的程序

        1、C / S 结构：Client / Server 

        特点：必须通过指定的客户端软件才能访问服务器端的一种程序 ：如 ：桌面版QQ，... ...

        2、B / S 结构：Browser（浏览器） / Server

        特点：通过 浏览器 就能访问服务器端的一种程序  如 ：网页版 QQ，网页版 京东，... ...

       3、WEB：基于Internet上的一种应用程序(网页应用程序)

1、WEB页面：简称WEB页(网页)，就是保存在服务器端上的一个具体的页面( **.html / **.htm 作为结尾的文件)

2、WEB浏览器

       1、功能

       2、主要浏览器产品（测试+开发使用）

---

 HTML入门(重点)

    1、什么是HTML

Hyper	Text	Markup	Language
超：具备特殊功能	文本	标记 ：超文本的表现形式	语言 ：具备一定的语法规则

    2、HTML 的基础语法

标记语法	Demo
封闭类型的标记	创建 p 标记 --<p>...</p> 、创建 div 标记 -- <div></div>、创建 header 标记 -- <header></header>
非封闭类型的标记	创建 br 标记 -- <br/>、创建 hr 标记 -- <hr/>、创建 img 标记 -- <img/>、创建 input 标记 -- <input/>

id	定义元素在页面中独一无二的名称
title	鼠标悬停在元素上时，体现的文字
class	引用 类选择器时使用(CSS中)
style	定义 内联方式方式使用(CSS中)

    3、HTML中“文本”

特殊文本	&nbsp; 表示一个空格 、&lt; 表示 <、&gt; 表示 >、&copy; 表示©
文本样式标记	<b></b> : 加粗、<i></i> : 斜体、<u></u> : 下划线、<s></s> : 删除线、<sup></sup> : 上标  <sub></sub> : 下标
标题元素	<h1>一级标题</h1>、<h2>二级标题</h2>、 <h3>三级标题</h3>、 <h4>四级标题</h4>等
段落元素	<p></p>、相关属性align : left / center / right
换行元素	<br>
分割线元素	<hr>
预格式化	<pre></pre>：保留源文档中的回车 和 空格 的作用
分区元素	<div></div>块分区元素、<span></span>行内分区元素
行内元素 与 块级元素	在一行内允许显示多个元素的，称为 "行内元素"、每个元素独占一行显示的，称为 "块级元素"

   4、图像 和 链接

   1、URL

Uniform Resource Locator	统一资源定位器。用来标识某资源文件的位置
WEB 中的表现形式	绝对路径、相对路径、根路径

  2、图像

图像格式	*.jpg*、.gif(动图)*、.png(透明)
图像语法	标记：<img>、属性：src ：指定要显示图像的 URL、width ：图像的宽度、height ：图像的高度

  3、超链接

链接的四种表现形式

点击操作时，完成资源下载的操作	<a href="day01.rar">下载</a>
电子邮件链接	<a href="mailto:zhaoxu@tedu.cn">联系我们</a>
返回页面顶部的空连接	<a href="#">返回顶部</a>
执行Javascript代码片段	<a href="javascript:JS脚本代码">执行JS</a>

  4、锚点

作用	用于在网页中的某个位置处做个记号,允许从其他位置处跳转到记号位置处
定义锚点	1、使用 a 标记的 name 属性允许定义锚点；2、任何标记的 id 属性定义锚点
链接到锚点	<a href="#锚点名称">链接到锚点</a>

5、表格

作用	按照一定的格式来显示数据的（行+单元格（等同于列））
语法	标记+属性
复杂应用	表头行分组、表尾行分组、自动义分组

6、列表

作用	按照一定的格式显示数据
分类	有序列表（<ol></ol> --> Order List）；无需列表（<ul></ul> --> Unorder List）；自定义列表（dl></dl>：声明一个定义列表）
语法	有列表类型以及列表项组成

7、表单

作用	用于收集用户的信息并提交给服务器
组成	表单元素：收集信息，并提交给服务器；表单控件：用于与用户交互的一些元素：文本框，密码框
表单元素	标记：<form></form>；属性：action-->提交给服务器处理程序的地址 (动作);method--->提交方式;enctype--->指定表单数据进行编码的方式