菜鸟初学h5的html标签总结(上)

一、 h5基础介绍

 1. html5的基本结构

     命名文档类型

     说明我们写的是标记语言

     文件头部

     文件标题(显示在状态栏上的内容)

     编码格式

     文件主体(所有要写的内容)

2.html的基本语法

  • <标记 属性="属性值">
  • <标记 属性="属性值"/>

注意:

  • 写在<>中的第一个单词叫做标记,标签,元素。
  • 标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在“”号内。
  • 一个标记可以没有属性也可以有多个属性,属性和属性之间不分先后顺序。
  • 空标记没有结束标签,用“/”代替。

二 、html常用的标签

1.文本标题标签

一级标题

二级标题

二级标题

二级标题

二级标题

二级标题

2.

强制换行 :
      水平线:


3.段落标签:

段落文本内容

4.空格:

    

扩展:左尖括号:<       右尖括号:>     乘号:×

5.加粗:

加粗内容  、加粗内容

6.倾斜:

倾斜内容  、倾斜内容

7.列表   html 中有三种列表:

  • 无序列表:

                             

  •                        

  •                          ..............

                         

  • 有序列表:

                   

  •                      

  •                      ...............

                     

    • 自定义列表:

                       

    名词

                       

    解释

                       

    8.插入图片

    • 图片替换文本         
    • title的作用: 在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的
    • alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方。

       *相对路径的写法:

    • 当当前文件与目标文件在同一目录下,直接书写目标文件文件名+扩展名; 
    • 当当前文件与目标文件所处的文件夹在同一目录下,写法如下:文件夹名/目标文件全称+扩展名; 
    • 当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下:../目标文件所处文件夹名/目标文件文件名+扩展名;

    9.超链接

    10.作用:显示数据

    •   

    •      

    •    

    •    ................

    注:一个tr表示一行;一个td表示一个单元格

    *数据表格的相关属性

    1width="表格的宽度"

    2height="表格的高度"

    3border="表格的边框"

    4bgcolor="表格的背景色"

    5cellspacing="单元格与单元格之间的间距"

    6cellpadding="单元格与内容之间的空隙"

    7)对齐方式:align="left/center/right";

    8)合并单元格属性:

    colspan=“所要合并的单元格的列数"合并列;

    一行

    一行

    一行

    rowspan=“所要合并单元格的行数合并行;

    一行

    一行

    一行

    11.表单的应用

    表单的作用:用来收集用户的信息的;

    1、表单框

    表单名称" method="post/get"  action="">

    1)文本框

    默认值"/> 

    maxlenght  最大字符数

    hidden 隐藏标签 在浏览器里面是不可见的

    2)密码框
    密码" />

    3)提交按钮

    按钮内容" /> 

    4)重置按钮

    按钮内容" />

    5)单选框/单选按钮

    (默认选中;)

    6)复选框

    (disabled="disabled" :禁用 )

    7)下拉菜单     

    8)多行文本框(文本域)

    9)按钮

    • 按钮内容” /> 
    • buttonsubmit的区别是 submit是提交按钮 起到提交信息的作用,button只起到跳转的作用,不进行提交。)

    扩展:表单提交中getpost方式的区别有5 

    • get是从服务器上获取数据,post是向服务器传送数据。 
    • get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。 
    • 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 
    • get传送的数据量较小,不能大于2KBpost传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KBIIS5中为100KB 
    • get安全性非常低,post安全性较高。

    12.div 的用法

    • "/class="class">

    • 文档区域,文档布局对象

    13.span的用法

    • 文本结点(某一小段文本,或是某一个字)

     

    你可能感兴趣的:(h5)