前端一课一得

HTML（英文HyperText Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。

HTML之所以称为超文本标记语言，不仅是因为它通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。

HTMl语言发展至今，经历了6个版本：

•超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布。

•HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时。

•HTML3.2——1997年1月14日，W3C推荐标准。

•HTML4.0——1997年12月18日，W3C推荐标准。

•HTML4.01（微小改进）——1999年12月24日，W3C推荐标准。•HTML5.0——2014年10月29日最终制定完成，并公开发布。

目前最新的HTML版本是HTML5，但是各个浏览器对其支持不统一，所以如今大多数的网站采用的还是HTML5版本。

XML虽然数据转换能力强大，完全可以替代HTML，但是面对互联网上成千上万基于HTML编写的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的语法规则对其进行扩展，得到了XHTML。

目前国际上，网站设计推崇的Web标准就是基于XHTML的（即通常所说的DIV+CSS）

CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

  CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

CSS语言的发展历程：

•1996年12月W3C发布了第一个有关样式的标准CSS1。

•1998年5月发布了CSS2。

•目前最新的版本是CSS3

CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS3。

CSS非常灵活，既可以嵌入在HTML文档中，也可以是一个单独的外部文件，如果是独立的文件，则必须以.css为后缀名。

    JavaScript是Web页面中的一种脚本语言，通过JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。

   在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，而JavaScript则用于为页面添加动态效果。

   JavaScript代码可以嵌入在HTML中，也可以创建.js外部文件。通过JavaScrit可以实现网页中常见的下拉菜单、TAB栏、焦点图轮播等动态效果。

HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：

  <hn align="对齐方式">标题文本</hn>

该语法中n的取值为1到6，align属性为可选属性，用于指定标题的对齐方式。

      align属性设置对齐方式，其取值如下：

left	设置标题文字左对齐（默认值）
center	设置标题文字居中对齐
right	设置标题文字右对齐

h1-h6标签的默认样式：

标签代码：

 <h1>标题文本</h1>

标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。

注意：h1一般用于logo，一般来说一个网站只有一个h1。

*：一般不建议使用align对齐属性，可使用CSS样式设置。

2、段落标记

在HTML中通过<p>标记来定义段落，其基本语法格式如下：

    <p>段落文本</p>

该语法中align属性为<p>标记的可选属性，和标题标记<h1>~<h6>一样，同样可以使用align属性设置段落文本的对齐方式。

*：一般不建议使用align对齐属性，可使用CSS样式设置。

3、水平线标记<hr/>

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标记来完成，<hr/>就是创建横跨网页水平线的标记。其基本语法格式如下：

            <hr 属性="属性值"/>

 <hr/>是单标记，在网页中输入一个<hr/>，就添加了一条默认样式的水平线。

<hr/>标记的常用属性:

属性名	含义	属性值
align	设置水平线的对齐方	可选择left、right、center三种值，默认为center，居中对齐
size	设置水平线的粗细	以像素为单位，默认为2像素
color	设置水平线的颜色	可用颜色名称、十六进制#RGB、rgb(r,g,b)
width	设置水平线的宽度	可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%