HTML: （Hyper Text Markuplanguage）超文本标记语言。

 

　　文本：相当于记事本里写的文字。展示信息

 

　　超文本：超越了文本仅仅展示信息的功能范畴。泛指：图片、有样式的文字、点击跳转页面的文字。

 

　　语言：工具

 

　　标记：标签。

 

　　HTML是由标签所组成的语言，能展示超文本效果。

 

　　HTML是用来写网页的，是设计页面的基础。

 

　　步骤1： 创建文件，后缀名改为html或htm。

 

　　步骤2：用记事本打开，并编写文字。

 

　　步骤3：用浏览器打开。

 

　　这样打开和普通的记事本区别不大，为什么那？

 

　　因为想要实现超文本编辑，是需要加标签和属性的。

 

　　font：标签

 

　　color=“ ”：属性

 

　　red：属性值

 

　　这样就将字体变成了红色

 

　　HTML语言是由头和体组成

 

　　这是最标准的HTML格式，以后都要使用这样的格式。

 

　　< html >是HTML页面的开始，就相当于java类大括号。

 

　　< head >是页面的头部，存放的都是网页的说明性内容，例如标题。

 

　　< body >是页面的身体，需要展示给用户看的信息内容

 

　　示例：

 

　　和以前的内容是没什么变化，但是已经有了标题。

 

　　HTML文件的扩展名为html或者htm。Htm是老的命名规范，html 的新的。

 

　　HTML文件由浏览器直接解析执行，无需编译，直接由上到下依次解析执行。

 

　　HTML标签通常由开始标签和结束标签组成。例如：< font >内容体< /font >，开始标签和结束标签之间的内容叫做内容体。

 

　　HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如： < br/ > 自关闭。

 

　　HTML标签不区分大小写，为了方便阅读，建议使用小写。

 

　　HTML标签是有属性的，格式为：属性名=”属性值”，属性值用引号引起。引号包含单引号和双引号，建议使用双引号。

 

　　HTML标签建议包裹嵌套，不建议交叉嵌套。

 

　　包裹嵌套：

 

　　html标签完全包裹了head标签

 

　　交叉嵌套：

 

　　交叉嵌套是不允许使用的

 

　　安装

 

　　使用

 

　　字体标签，用于展示效果中修饰文字样式。

 

　　< font >属性名=”属性值”>文字< /font >

 

　　size:控制字体大小。最小1——最大7。 如果设置范围不在1——7之间，设置无效。

 

　　color: 控制字体颜色。使用英文设置（例如： red,blue…） 。

 

　　face: 控制字体类型。只能设置系统字库中存在的字体类型。

 

　　示例：

 

　　运行结果：

 

　　现在有一页代码是李白的静夜思：

 

　　运行结果：

 

　　但是在运行时就变成了一整换，并没有段落，怎么办，向下看。

 

　　换行标签：< br/ >

 

　　HTML源码中换行，浏览器解析时会自动忽略。

 

　　换行标签，用于展示效果中换行。

 

　　示例：

 

　　运行结果：

 

　　一个标签就是一行

 

　　段落标签：< p >

 

　　段落标签，用于展示效果中划分段落。并且自动在段前和段后自动加空白行。

 

　　align:段落内容的对齐方式。

 

　　默认是left，内容居左。

 

　　Right居右。

 

　　Center居中。

 

　　示例：

 

　　运行结果：

 

　　标题标签：< h1 >

 

　　标题标签，用于展示效果中划分标题。

 

　　其中< h1 >最大，< h6 >最小。

 

　　空格符：&nbsp ;

 

　　HTML源码中的多个空格，效果中最终会合并成一个。

 

　　记住要分号结尾。

 

　　空格符号，用于展示效果中显-一个空白的位置。

 

　　HTML注释

 

　　用于注释HTML源码，不在HTML效果中展示。

 

　　格式： < !-- HTML注释内容 – >

 

　　用于在页面效果中展示一张图片，一般情况下都将图片放入项目中的img文件夹中。

 

　　src：指明图片的路径。（必有属性）。

 

　　图片路径的写法：

 

　　内网路径：

 

　　绝对路径：文件在硬盘上的具体位置。[不建议使用]

 

　　例如： C:\ JavaWeb001_ html\img\c_ 1.jpg.

 

　　相对路径：从使用者所在目录出发。[建议使用相对路径]