html学习

1、html不是一种编程语言,而是一种标记语言

2、html文件的扩展名可以为htm

3、html结构  

<html>
  <head>

包括资讯信息:整个页面的属性、指导浏览器解析的标签、引入外部文件的的标签

</head>

<body>
  展示的信息
</body>
</html>

4、空标签  功能比较单一 <br></br> === <br/>

5、html不区分大小写 建议使用小写

6、基本标签

文件标签(结构标签)

   <html>

   <head>

              <title>:页面的标签

   <body>

  排版标签    <!--  -->   <br\>   <p>   <hr>

   块标签     <div>   <span> 可以进行友好提示 style="background-color:red"

   文字标签     <font>     face表示字体类型  size最大值是7,最小值是1,默认值是3

  标题标签     <h1>  <h2>  <h3>  <h4> <h5> <h6>

   清单标签     <ul>    <ol>     <li>   可以实现菜单

   图形标签    <img>  

   链接标签      页面跳转和锚定访问   href ,target  (#name)

   表格标签   <table> <tr> <td> <th>  <caption>   <thead> <tbody> <tfoot>  分块加载,用户体验比较好

html表单标签

fom标签

1、<form>

     </form>

     属性:name:表单名称

                action:提交的路径地址

                methods:提交方式

                get和post区别:

                (1)get提交将数据加在地址栏的后面,post提交将数据封装在请求体中

                (2)get提交相对不安全,post提交相关安全

                (3)get提交有大小限制,根据浏览器不同而不同 post不限制大小

2、input标签

  属性:type:根据type值的不同会显示不同功能的表单项

             text:普通的文本输入框

             password:密码输入框

             radio:单选按钮     注意:组的概念,如果想让一组单选按钮互斥,必需name属性相同

                      checked:代表默认被选中

             checkbox:复选框  注意:组的概念 如果想让一组单选按钮互斥,必需name属性相同

                     checked:代表默认被选中

             file:上传文件

             button:普通按钮 没有任何内置功能

            submit:提交暗流 点击表单按照action地址进行提交

             reset:重置按钮  点击会将表单清空

            image:图片按钮  点击表单按照action地址进行提交

                  属性: src:图片的地址

                              alt:图片的文字信息

              name必须写,后台根据name获取数据值

3、select标签

     name:表单项的名称

    <option>:代表一个选择项

    属性:value

               selected:默认被选中的项

 

4、textarea标签

    属性:cols:列数

               rows:行数

              默认的文本值在标签体

frameset和body标签会相互打架

frameset:

       属性:cols:按列划分

                  rows:按行划分

                  划分的格式   rows="120,*"    *表示剩余

frame:

      属性: name:名称    方便target根据name值进行定位

                  src:加载页面的路径

 

特殊字符:

    &gt;大于

    &lt;小于

    &copy;版权

    &nbsp;空格

     &Reg;注册

其他标签:

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

   <meta http-equiv="content-type" conten="text/html;charset=UTF-8">

    <link rel="stylesheet" type="text/css" href="./styles.css">

     <script type="text/javascript" src=""></script>   src:js的文件地址

posted on 2018-08-06 20:30  bluecloudwyy  阅读(91)  评论(0编辑  收藏  举报