HTML标签

1.HTML概念

（1）HTML(Hyper Text Markup Language)称为超文本标记语言                由一套标签组成的语言称为标记语言

 XHTML   可扩展超文本标记语言

（2）W3C万维网联盟     制定了结构html和表现css的标准

   WHATWG           网页超文本应用技术工作小组，推动H5标准为目的的组织

   ECMA             制定行为的标准

   Web标准          结构（html，xhtml），表现(css)，行为(DOM，JS)

（3）首页必须命名为index.html，其他页面先在html文件夹里。

2.HTML基本语法 

（1）常规标记/标签 ：

  空标记：

（2）注释:

html注释   

css注释  /*注释内容*/

js注释  /*多行*/    //单行 

（3）在head部分放置样式(css).

（4）在body部分放置结构（网页内容）

3.HTML标签

（1）表格中数字自动填充增加{$}  如：table>tr*5>td{$}*5  加Table为表格样式

（2）段落文本内容

（3）空格 

（4）加粗 或者

（5）倾斜或者

（6）强制换行

（7）水平线

---

下划线 删除线

（8）HTML中有三种列表，分别是无序列表，有序列表，自定义列表

无序列表：

....

有序列表：

  ...

自定义列表：

名词

   

解释

   

解释

    ...

（9）图片相对路径 插入图片img

title="鼠标滑过显示文字"  alt="图片加载失败显示文字"    src="图片存储路径"

（10）超链接 点击文本

    页面打开方式

    本页面打开_self  另开一页_blank

  alt="加载失败显示文字"

（11）div的用法 (可大可小)

      文档区域，文档布局对象

（12）span的用法

      文本结点（某一小段文本，或是某一个字）

4.HTML表格制作

（1）数据表格的作用及组成：

作用：显示数据

组成：

   

行

           

内容单元格

           

内容单元格

             ....

     

（2）表格的相关属性：

width="宽"     height="高"

border=“表格边框大小”

cellspacing="单元格间距离"

bgcolor="表格背景色“

align="表格对齐方式"（left/center/right）

（3）合并单元格属性：

colspan="所要合并单元格列数”合并列，左右合并

rowspan="所要合并单元格行数”合并行，上下合并 

5.表单 

(1）表单的作用：用来收集用户信息

(2)表单框：method提交方法 : 提交方式（post,get)

   

   

(3)文本框：

 

(4)密码框：

 

(5)提交按钮:

 

(6)重置按钮：

 

(7）禁用按钮 ：disable="disabled"(简写disabled)

(8）默认选项： checked="checked"(简写checked)

(9）下拉菜单：

 

           菜单内容

           菜单内容

 

(10）多行文本框：

       

(11）占位：   placeholder="内容"

(12）按钮 :  button只起到跳转作用，不进行提交

                submit是提交按钮 起到提交信息的作用

(13)单选框:

男

女

单选按钮里的name属性必须写，同一组单选按钮的name属性值必须一样。

(14)复选框:

(disabled="disabled" :禁用)

(checked="checked" :默认选中)