html简介

HTML操作思想
我们必须按照这个操作思想来编写操作html代码(****************)
网页html是用来显示数据的，既然是用来显示数据的，就需要设置相应的显示效果
设置显示效果:
1.将需要操作的数据使用html标签包裹起来
2.通过设置标签的属性来达到标签的样式(效果)该表
3.html标签理解为一个对象，那么标签的属性就是对象的成员变量，我们来改变成员变量的值来改变标签的效果
4.尽量满足语义化原则有利于搜索引擎优化
span 和 font
也可以这么理解，一个标签就是一个容器，就是一个对象，标签包裹的就是数据，属性改变的就是样式，方法就是标签的行为

一.HTML语法
1.HTML由开始标签和结束标签组成
2.在HTML当中所有空白字符(换行空格制表符 tab)都是当做空格来处理
3.
<!DOCTYPE html>表示文档声明,声明当前html文档是满足HTML5规范的
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> 表示当前文档是html4规范的网页文档
4.网页文档主要由两个重要部分组成
<head></head> 表示文档头部标签，一般用来对网页进行相关设置
<body></body> 表示网页的内容,一般用来承载网页标签元素
5.标签即可以是开闭标签也可以有单标签

二、网页设置标签
<title>我是网页的标题</title>:表示设置网页的标题
<meta charset="UTF-8">: 表示当前网页编码是UTF-8的字符集
<script></script>: 表示当前网页页面脚本代码的区域
<style></style>: 表示当前网页样式代码的区域

三、HTML标签的基本的操作思想
1.首先网页的内容写在body标签当中
2.将需要操作的内容使用标签包裹起来
3.把标签理解为一个容器,我们可以通过标签的属性来修改标签的样式和行为
4.标签的选择尽量满足语义化原则,有利于搜索引擎优化

注：html标签或属性查询http://www.w3school.com.cn/
<font>（字体）标签：规定文本的字体、字体尺寸、字体颜色；

<strong>（强调）标签：和 <em> 标签一样，用于强调文本，但它强调的程度更强一些（如果说用 <em> 标签修饰的文本好像是在大声呼喊，那么用 <strong> 标签修饰的文本就无异于尖叫了。）；
<b> 标签规定粗体文本，无语意；

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
<i> 标签显示斜体文本效果，无语意；

<del>标签定义文档中已被删除的文本；
<s> 标签可定义加删除线文本定义。

<u> 标签可定义下划线文本。

<sup> 标签可定义上标文本。

<sub> 标签可定义下标文本。

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

<pre> 标签预定义标签，是一个常见应用就是用来表示计算机的源代码，pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<br> 可插入一个简单的换行符（单标签、自闭和标签）。

<hr> 标签在 HTML 页面中创建一条水平线（单标签、自闭和标签）。

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

<p>标签：标签定义段落，p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定；

<span> 标签：被用来组合文档中的行内元素；

<div>标签：可定义文档中的分区或节（division（分隔）/section（部分）），可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联，如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效；

class 属性：规定元素的类名（classname），class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。注释：class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。

display 属性
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。