• 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的文件地址

  • 相关阅读:
    边框大小 | box-sizing (Basic User Interface)
    边框图片 | border-image (Backgrounds & Borders)
    边框图像重复 | border-image-repeat (Backgrounds & Borders)
    边框图像路径 | border-image-source (Backgrounds & Borders)
    边框图像开始 | border-image-outset (Backgrounds & Borders)
    边框图像宽度 | border-image-width (Backgrounds & Borders)
    边框图像使用范围 | border-image-slice (Backgrounds & Borders)
    边框右上角半径 | border-top-right-radius (Backgrounds & Borders)
    边框半径 | border-radius (Backgrounds & Borders)
    边框 | border (Backgrounds & Borders)
  • 原文地址:https://www.cnblogs.com/bluecloudwyy/p/9432721.html
Copyright © 2020-2023  润新知