zoukankan      html  css  js  c++  java
  • HTML标签使用

    `<!-- 什么是HTML  超文本标记语言  由标签(属性和实体组成)和内容组成 -->
    <!-- 定义文档类型 -->
    <!DOCTYPE html>
    <!-- html开始 -->
    <html>
    <!-- 头部开始 -->
        <head>
        <!-- 设置浏览器的阅读编码 -->
            <meta charset="utf-8">
            <!-- 定义标题  title是搜索优化的必要方式,有利于搜索时排名靠前,增加访问量 -->
            <title>H5</title>
            <!-- 信息标签 描述网页文档的属性,提供页面信息 比如针对搜索引擎和更新频度的描述的关键字 -->
    
        <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> keywords,它为文档定义了一组关键字 搜索引擎会根据这些关键字对文档进行分类 </span><span style="color: #008000;">--&gt;</span>
        <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="keywords"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="html,css,js,php,c"</span><span style="color: #0000ff;">&gt;</span>
        <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="description"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="万事开头难,只要肯攀登."</span><span style="color: #0000ff;">&gt;</span>
    <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span>
    <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 头部结束 </span><span style="color: #008000;">--&gt;</span>
    <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 实体开始 </span><span style="color: #008000;">--&gt;</span>
    <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 实体 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;lt;我是小于号&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;gt;我是大于号&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;amp;我是&amp;符&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;nbsp;我是空格&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;laquo;我是&lt;&lt;&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;raquo;我是&gt;&gt;&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;h1&gt;&amp;times;我是x&lt;/h1&gt; </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 颜色 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 1.十进制 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> rgb(255,0,255); </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 2.十六进制 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> #ff0000 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 3.带有透明度 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> rgba(255,0,0,0.5); </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 4.英文 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> red,blue </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 格式标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> br 换行,单标签 适用于行标签</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> hr 导航线,单标签 适用于行标签</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> nobr 不换行,双标签  强制不换行 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> p 段落标签 双标签 align属性 水平对齐方式 left right center </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> center 居中标签 双标签  </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> pre 显示源代码 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> ul 无序列表 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> ol 有序列表 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> li 列表项 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> dl 自定义列表 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> dt 自定义标题 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> dd 自定义内容 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 100&lt;sup&gt;10&lt;/sup&gt;  文字上标标签 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 100&lt;sub&gt;10&lt;/sub&gt;  文字上标标签 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 标签分类: </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 1.块标签 独占一行,自动换行 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 2.行标签 自己有多宽占多宽 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 文本标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> p h i u fout </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> h1 到 h6 加粗字体 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> b 粗体 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> i 斜体 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;em&gt;强调斜体&lt;/em&gt;&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> u 下划线 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> del 删除线 双标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;">&lt;small&gt;我是小写的&lt;/small&gt;</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;">&lt;mark&gt;我是记号&lt;/mark&gt;</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;">&lt;strong&gt;我是着重的&lt;/strong&gt;</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 图片标签 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;img src="./dog.jpg" alt="图片不在了" title="我是图片" width="100px" height="100px"&gt; </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 超链接  target 打开链接的方式</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;a href="http://www.baidu.com" target="_blank"&gt;百度一下&lt;img src="./dog.jpg"&gt;&lt;/a&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;style&gt;a{text-decoration:none}&lt;/style&gt; 去除a链接的下划线 </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> url  统一资源定位符</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> protocol(协议)://hostname(主机名/域名)[:port(端口号)]/path(资源文件)/[;parameters(参数)][?query(查询)]#fragment(信息片段) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 相对路径:从当前路径开始的路径 ./   ../上一级目录 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 绝对路径:从根目录开始的路径   / 根目录 </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 锚点 定位网页内部的链接 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;a name="#one"&gt;&lt;/a&gt;    &lt;a name="one"&gt;&lt;/a&gt;    &lt;a name="index#one"&gt;&lt;/a&gt;  # 返回 </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 表格 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;">表格字体居中 table{text-align:center}</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;table border="1px" cellspacing="0px" width="300px"&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;caption&gt;用户名&lt;/caption&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;tr&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;th&gt;id&lt;/th&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;th&gt;用户名&lt;/th&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;th&gt;性别&lt;/th&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;/tr&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;tr&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td colspan="3"&gt;1&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;yhq&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;1&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;/tr&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;tr&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td rowspan="2"&gt;2&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;qhh&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;2&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;/tr&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;tr&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;3&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;xyg&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;td&gt;1&lt;/td&gt; </span><span style="color: #008000;">--&gt;</span>
          <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;/tr&gt; </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;/table&gt; </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 表单 get 会覆盖  可以 get + post </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> enctype:将数据发送到服务器时浏览器使用的编码类型  </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> type:代表输入域的显示方式 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> name:此表单项名称 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> value:输入域的值 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> size:输入域的长度 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> maxlength:输入域最多输入文字长度 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> readonly:只读 值可以带过去   </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> disabled:只读 不能带值 无法获取焦点 </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> text:文字输入域(输入型) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> password:密码域(输入型) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> file:输入文件路径(输入型) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> radio:单选框 选择一个且必须一个(选择型) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> checkbox:复选框 零到多个(选择型) </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> hidden:隐藏域 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> image:使用图片显示按钮 作用等于submit </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">form </span><span style="color: #ff0000;">action</span><span style="color: #0000ff;">=""</span><span style="color: #ff0000;"> method</span><span style="color: #0000ff;">="post"</span><span style="color: #ff0000;"> target</span><span style="color: #0000ff;">="_blank"</span><span style="color: #ff0000;"> enctype</span><span style="color: #0000ff;">="multipart/form-data"</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                 <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>用户名:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                 <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="username"</span><span style="color: #ff0000;"> maxlength</span><span style="color: #0000ff;">="6"</span><span style="color: #ff0000;"> disabled value</span><span style="color: #0000ff;">="杨洪全"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>密<span style="color: #ff0000;">&amp;nbsp;</span>码:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="password"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="password"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>选择性别:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="radio"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="0"</span><span style="color: #ff0000;"> checked name</span><span style="color: #0000ff;">="sex"</span><span style="color: #0000ff;">&gt;</span>男<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="radio"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="1"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="sex"</span><span style="color: #0000ff;">&gt;</span>女<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>选择颜色:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="checkbox"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="love[]"</span><span style="color: #ff0000;"> checked value</span><span style="color: #0000ff;">="red"</span><span style="color: #0000ff;">&gt;</span>红色<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="checkbox"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="love[]"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="blue"</span><span style="color: #0000ff;">&gt;</span>蓝色<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="checkbox"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="love[]"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="yellow"</span><span style="color: #0000ff;">&gt;</span>黄色<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">label</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="resize: none;vertical-align:top"</span><span style="color: #0000ff;">&gt;</span>请选择城市:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> multiple:多选 </span><span style="color: #008000;">--&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">select </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="city"</span><span style="color: #ff0000;"> multiple</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">option </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="0"</span><span style="color: #0000ff;">&gt;</span>北京<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">option</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">option </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="1"</span><span style="color: #ff0000;"> selected</span><span style="color: #0000ff;">&gt;</span>上海<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">option</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">option </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="2"</span><span style="color: #0000ff;">&gt;</span>广州<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">option</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">select</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>文件上传:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="file"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>留言板:<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">span</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">textarea </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="content"</span><span style="color: #ff0000;"> style</span><span style="color: #0000ff;">="resize: none;vertical-align:top"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
              <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">P</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="submit"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="注册"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;</span>
                  <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="reset"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="取消"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">input</span><span style="color: #0000ff;">&gt;</span>
    
              <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">P</span><span style="color: #0000ff;">&gt;</span>
      <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">form</span><span style="color: #0000ff;">&gt;</span>
    
       <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 标签定义嵌入的内容,比如插件 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;embed src="" type=""&gt;&lt;/embed&gt; </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 视频标签 定义视频  DOM play() 开始播放 pause() 暂停</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> autoplay:如果出现该属性,则视频在就绪后马上播放       </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> controls:如果出现该属性,则向用户显示控件 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> loop:如果出现该属性,则当媒介文件完成播放后再次开始播放 循环播放 可以给数字 ="3" </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;video autoplay="autoplay" controls="controls" loop="loop" src="url"&gt;&lt;/video&gt; </span><span style="color: #008000;">--&gt;</span>
    
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 音频标签 标签定义声音</span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> autoplay:如果出现该属性,则视频在就绪后马上播放       </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> controls:如果出现该属性,则向用户显示控件 </span><span style="color: #008000;">--&gt;</span>
      <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> &lt;audio autoplay="autoplay" controls="controls" src=""&gt;&lt;/audio&gt; </span><span style="color: #008000;">--&gt;</span>
    

    <!-- <audio controls>
    <source src="./see.mp3">
    <source src="./see.wav">
    <source src="./see.ogg">
    您的浏览器不支持
    </audio>
    -->

    <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span>
    <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> 实体结束 </span><span style="color: #008000;">--&gt;</span>
    <span style="color: #008000;">&lt;!--</span><span style="color: #008000;"> html结束 </span><span style="color: #008000;">--&gt;</span>
    

    </html>

  • 相关阅读:
    BZOJ 1562 [NOI2009] 变换序列
    BZOJ 2535:NOI 2010 航空管制
    C++ 莫队算法(转)
    SDOI2013直径(树的直径)
    c++分块算法(暴力数据结构)
    洛谷题解 P2865 【[USACO06NOV]路障Roadblocks】
    c++最短路经典问题
    LOJ#10065. 「一本通 3.1 例 2」北极通讯网络
    最小生成树(kruscal算法)
    飞屋环游记
  • 原文地址:https://www.cnblogs.com/yhq-qhh/p/10344806.html
Copyright © 2011-2022 走看看