html的基础

html的基础

B/S  C/S  结构

    C/S: client server  特点：客户端和服务器必须同时升级

    B/S browser 特点：b更新  s可不更新

html的基本结构
    html标签{     head标签{ title标签} body标签{ 主体}      }
 

基本标签
    分类：单标签 双标签。关系：并列关系，嵌套关系
    H系列标签                                              P标签（Paragraph）                 Hr标签（Horizontal Rule）             html注释
        <h1>这是第一个标题</h1>           <p>我是一个段落</p>                            <hr>水平线                            <!-- 注释 -->

                             a标签的其他用法                                              br标签（break）                                       img标签
        <a href="www.baidu">这是一个链接</a>                    <br>:换行                          <img alt="这是个考拉" src="Koala.jpg" width="200" height="200" title="图片，没到">  
    
        表格标签   <table>
                               <tr>
                                     <td></td>
                                     <td></td>
                                      </tr>  
                                <tr>

                               <tr>

                                   <td></td>
                                  <td></td>
                               </tr>
                           </table>

表单标签  <form>可以在表单里面并提交
    action：表单提交地址
    method：表单提交方式
     下拉列表
    明文输入框
        <td><input typr="text"/></td>
    暗文输入框
        <td><input type="password"/></td>
    单选框radio
        <<input type="radio" value="1" name="gender" checked="checked"/>男
<input type="radio" value="2" name="gender"/>女
    复选框
    label标签
    按钮
        <input type="button" value="按钮"/>
    图片按钮
        <input type="image" src="Koala.jpg" width="60" height="60"/>
    重置按钮
        <td><input type="reset" value="重置" /></td>
    提交按钮
        <td><input type="submit" value="提交" /></td>
    隐藏域
        <input type="hidden" value="1"/>
     上传文件
        上传照片:<input type="file"/>
    datalist标签
    取色器
        <td><input type="color"/>取色板</td>
    日期选择器
        <td><input type="date"/>日期</td>

 多媒体标签
    video标签   视频标签
        <video src="one.mp4" controls="controls" autoplay="autoplay" width="300" height="300"></video>
    audio标签    音频标签
        <audio src="one.mp3" controls="controls"></audio>