HTML

    学习计算机语言很久了，最近看到自己曾经做的笔记，感慨良多，期间记录了我的点滴学习。希望对大家有点帮助。

    这个是HTML的笔记。

     1.1、HTML的用途：HTML是用来制作网站的

HTML是Internet上用于设计网页的主要语言,网页可以由文本,图片,动画等内容组成,基础架构都是HTML. 从事网页制作或者相关工作,就要学习HTML 。

HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。

      1.2、开发HTML
需要使用HTML编辑工具开发HTML页面：
一:基本文本编辑软件： 如记事本、Editplus等。
二:所见即所得软件：如dreamweaver  等。

    2.1、标记（标签）

HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。

标记是由W3C组织定义好的并具有特定的含义的符号.

格式：

标记在使用时必须用尖括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。

所以应当遵循：<开始标签> 标签体 结束标签>

特点

标签的特点：不区分大小写，标签名是固定的。

例如

表示一个表格的开始，表标一个表格的结束。如和都是表示一个表格的开始。不区分大小写。

    2.2、标签属性

写在开始标签上的，格式是：  名=“值”对代表该标签的属性 。
一个标签可以有多个属性，多个属性之间使用空格隔开。（长宽高之类的）
注意：属性值最好使用单引号或者双引号引起来。
你好
注意事项：
1:所有标记都要用<> 尖括号括起来；
2:成对出现的标记；
3:HTML中不区分大小写；
4: 标记中不要有空格；

    2.3、HTML的正文和注释

与 之间的文本描述网页

与 之间的用于定义文档的头部

 定义文档的标题

与 之间的文本是可见的页面内容（body里边的background属性可以有：背景色，背景图之类的）

与

之间的文本被显示为段落

    2.4、标题、段落、上下标、换行，原样输出、线条、文本列表、转义字符（teshuzifu）

-

标签可定义标题

定义最大的标题。

定义最小的标题。

标签定义段落。p 元素会自动在其前后创建一些空白。

使用 blockquote 元素的话，浏览器会插入换行(两个br)和外边距( )，而 q 元素不会有任何特殊的呈现。

Superscript 上标     2³=8——>表示的是2的三次方等于八。

Subscript 下标   x₁=1——>表示x等于1。

回车换行
可插入一个简单的换行符。br标记没有任何内容,作用就是换行,所以是空的.由于没有内容所以只写一个
即可。

pre 元素可定义预格式化的文本，原样输出

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分，可以通过属性设置线条的颜色,粗细,宽度,对齐方式.color="#FF0000" size="5"  width="400" align="left"

列表标签：

：上层项目

：下层项目
列表中项目符号对应的标签

：符号标签（○●■）

：数字标签（a A 1 i I）

1. ：具体项目内容标签。此标签只在
   中有效。
   
   默认的是●
   通过type属性更改项目符号可以更改项目符号，分别显示○●■ 

       2.5、表格

标记表示表格,以开始以结束
标题标签,给表格提供标题。
  表头标签  一般对表格的第一行或者第一列进行格式化，就是粗体显示。
  行标签 
  单元格标签, 加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。

常用的属性
           border   表格的边框
  width     宽度
  height     高度
           align      对齐方式  left左对齐 right右对
齐   center    居中
           th       用作表头标签
  rowspan    合并行，上边合并下边
           colspan    合并列，一般是右边合并

    2.6、表单
   作用：用于采集用户输入的数据，提交给后台程序处理。

     表示一个表单。
常用的属性：
Action：表单提交到的地址
method：提交方式
get:提交的数据会放到地址啦上
   get提交的数据不能超过1kb（只适合于一些简单的数据）
post：提交的数据不会放到地址栏上
   post提交的数据没有限制（文件上传用post比较好）
     单行输入域

value属性     该输入域的默认值，一般是4-10位的字符
name         这个是必须填，该name的属性值是用于给后台程序获取该标签的内容
   密码输入域，使用一个非明文的效果获取用户输入的数据
value  同上  
name   同上
   单选按钮
注意：如果是同一组的按钮的单选选项，就是用相同的name属性值
   多选按钮
     隐藏域    特点：不会显示到HTML页面上
属性：name属性就是后台程序获取的标记
      这个value值就是发送给后台程序的内容。
                   下拉选项
       name属性就是后台程序获取的标记
下拉选项的option标签中的value属性值一定要填，这个value值就是发送给后台程序的内容。
广东
         文件选择器
   提交按钮
属性：name 
提交按钮，点击这个按钮，form中的全部数据就会发送到后台。
value：表示按钮的显示文本。
   普通按钮
    重置按钮
点击这个按钮，form中的数据返回到初始状态。 

    2.7、超链接

格式：超链接格式：

链接到其他文档：href 属性的值是连接目的页面的地址.百度一下

标签的属性title
title 属性的值能够描述连接的目的页面.百度一下

该属性指定连接指定的页面应当以和汇总方式在哪一个窗口中打开,如果想要再新窗口中打开,需要经target属性的值设置为_blank。target="_self"默认。在相同的框架中打开被链接文档。

锚链接： 和
普通的连接,连接会从一个页面到达另外一个页面.如果页面很长,希望连接页面的特定部分.就可以使用锚链接。

    2.8、图像标签

使用 标签将图像添加到网页中,该标签要使用src属性指定图片的来源,并且需要附带alt属性. alt属性是用于,当用户加载图片失败时显示的文字信息.
图像标签格式：
 

    2.9、框架

属性：cols：按照列的方向划分
  rows:按照行的方页面例和长度
       *表示其他框架分配完剩下的比例
表示的是一个框架，框架中包含一个html
    有2个或2个以上的frame页面，框架的位置放在body外面（注意：否则无法显示）
超链接target属性还可以指定一个frame的名称，如果指定的是一个frame的name，那么在指定的这个frame就会显示。（target是一个打开方式）
   src表示的是框架内包含的页面
1）一个页面包含在一个frame标签中
2）有两个或者两个以上的frame就需要放在frameset中
方向一般是两个；从上往下，从左往右
例如：





       

画中画标签：
属性: src="../success.html" frameborder="1" height="300" width="400" scrolling="no"
框架标签现在不是很常用，布局都用div+css+table。框架很少使用了。

HTML 和XHTML的区别和联系
HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生语法要求更加严格的XHTML。
XHTML扩展超文本标签语言（The Extensible HyperText Markup Language ）XHTML 的目标是取代 HTML。但是Internet上用HTML写的网页太多，无法替代。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。同时XHTML 是一个 W3C 标准。
XHTML和HMTL最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
XHTML 元素必须被嵌套于 根元素中