HTML

一.HTML基础


当网页出现中文乱码时,可以在标签之间添加便可解决乱码.

文字和段落标签:

标题标签:

~

段落标签:

align 对齐属性  

换行标签:

水平线:



文字斜体:

 

加粗:

 

上标:

下标:

插入内容:

删除内容:

特殊符号:


列表标签:

无序列表:

       

  • 列表项
  •     

  • 列表项
  •                ...

无序列表属性值:

有序列表:

  1. 列表项
  2.     

  3. 列表项
  4. ...

有序列表属性值:

用法:


  • 列表项:

       

    定义列表项

       

    列表项描述

        

    列表项描述

                ...

    示例:


    图像标签:

    img的属性:

    其中height和width可以使用像素px指定  也可以通过百分比%指定,一般更推荐后者,可以更好适配.

    超链接:

    内容

    超链接的属性:


    锚的定义:

    同一页面:

    目录1

    目录2

    内容

    xxxxxxxxxxxxxx

    xxxxxxxxxxxxxx

    内容

    xxxxxxxxxxxxxx

    xxxxxxxxxxxxxx

    不同页面:

    ...

    邮件链接:

    ...



    二.表格

    基本格式:

       

       

       

               ...

        

    其中代表行,代表列,可以有多行多列,默认不带边框,如果需要加边框可以在

    中指明border=数字 ,数字越大边框线越粗.

    在实际开发中,由于表格是整个表格都加载完成后才渲染,这样如果表比较大的话加载速度会比较慢,影响用户体验,为了解决这个问题,需要引入:表头,主题,脚注三个部分.


    通过表格的属性来实现下表格式:


    属性:

    cellspacing="数字",表示表格边框间隙的值,当为0时显示效果就如上图.

    align="center" 表示垂直水平居中

    bgcolor="" 指明背景颜色

    rowspan="数字" 表明跨行值,比如像:城市

    colspan="数字" 表明跨列值,比如像:2014

    表格嵌套:

    上面的表格实现除了通过跨行跨列方式还可以通过表格嵌套来实现,表格嵌套的格式如下:

        

           

        

               

                   ...

                

           

    嵌套的表格只能放在标签内.



    三.表单

    表单元素

    标签:


    格式:单标签.

    图像域:

    功能跟button一样,但可以更好看.

    表单标签:


    下拉菜单和列表标签:


    文本域标签:

    文本域标签的属性:


    你可能感兴趣的:(HTML)