html的基础

来源：互联网发布：长沙源码信息骗局编辑：程序博客网时间：2024/05/18 22:54

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.com">这是一个链接</a>                    <br>:换行      <img alt="这是个考拉" src="Koala.jpg" width="200" height="200" title="图片，没到">

        表格标签   <table>
   <tr>
       <td></td>
       <td></td>
</tr>
                                <tr>

<tr>

表单标签 <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>

1 0