• HTML基础


    HTML

    简介

    超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

    规则学习

    <!DOCTYPE html>  # 文档类型说明
    <html lang="en">  # html标签,伴随着/html结束标签
        # id="i1": 标签的属性
        <head id="i1">  # head 开始标签 , 伴随着 /head 结束标签
            # 自闭和标签
            <meta charset="UTF-8"/>  # 自闭合标签 以 />结尾
            <title></title>  # 打开后页面的标题
        </head>  # head 结束标签
        #<body...>
        <body>  # body 开始标签, 伴随着 /body 结束标签
            <h1>你好</h1>  # h1 标题1,最大最粗字体
        </body>  # body 结束标签
    </html>  # /html 结束标签
    

    标签

    html/head/body/

    <html>
    <head>
        <title>aa</title>
    </head>
    <body>
        <div>
            <a href='www.bai.com'>百
            <span>CADE</span>
            </a>
        </div>
    </body>
    </html>
    

     

    a

    <a href='www.bai.com'>链接</a>
    

      

    div

    <div>区块</div>
    

      

    h

    <h1>标题1</h1>
    <h2>标题2</h2>
    .
    .
    .
    <h6>标题6</h6>
    

      

    p

    <p>这是一个段落</p>

    br

    <br/>换行

    span

    <span>文本</span>
    

      

    form > action method # 表单

    用好action和method方法
    <form action='http://www.sogou.com/key?get=' method='GET'>
    </form>
    

      

    table > tr th td

    <table>
        <thead>
        <tr>
            <th>标题</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>内容</td>
        </tr>
        </tbody>
    </table>
    

      

    form > enctype="";(上传文件用)

    <form id="myForm" enctype="application/x-www-form-urlencoded">
        <input type="button" onclick="showEnctype()" value="Show enctype" />
    </form>

    属性:
    application/x-www-form-urlencoded  # 在发送前编码所有字符(默认)
    multipart/form-data           # 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
    text/plain                # 空格转换为 "+" 加号,但不对特殊字符编码。

      

    select option(multiple)

    <!--下拉框 单选-->
    <select name="area">
        <option value="朝阳">朝阳</option>
        <option value="海淀" selected="selected">海淀</option>
        <option value="东城">东城</option>
        <option value="西城">西城</option>
    </select>
    

      

    <!--下拉框 多选-->
    <select name="area2" style="height: 80px" multiple>
        <option value="朝阳" selected="selected">朝阳</option>
        <option value="海淀">海淀</option>
        <option value="东城">东城</option>
        <option value="西城">西城</option>
    </select>
    

      

    textarea

    <!--多文本输入框-->
    <textarea name="menu">默认值</textarea>
    

      

    input

    基本语法:<input type="text" name="inpt_txt"/>
    
    还有如下类型:
    1. text     # 文本输入
    2. password # 密码
    3. email    # 邮件
    4. button   # 按钮
    5. submit   # 提交
    6. reset    # 重置
    7. radio    # 圆形选择,name属性相同,互斥;checked 默认
    8. checkbox # 方形勾选,name属性相同,可以多选
    

      

  • 相关阅读:
    jquery mobile左右滑动切换页面
    用phonegap和jquery-mobile写android应用
    javascript配置ckfinder的路径
    HTML5中表单验证的8种方法
    select标签中的选项分组
    c# 冒号:C#中两个冒号(::)的作用
    jquery validate
    【C#学习笔记】检测进程是否存在并关闭
    【C#学习笔记】载入图片并居中
    【C#学习笔记】鼠标控制
  • 原文地址:https://www.cnblogs.com/xp1005/p/6762237.html
Copyright © 2020-2023  润新知