zoukankan      html  css  js  c++  java
  • html标签

    <body>
        <textarea row="5"col="15">此处可输出文本,右下角可无限拉伸宽高</textarea>
    </body>    
    

      

    1.注释 <-- -->(在页面中不显示注释中内容)
    2.DOCTYPE  声明文档类型(浏览器类型)
    3.a   插入超链接

    <a href="https://www.baidu.com/">百度一下</a>
    

    4.address   定义文档或文档的作着(斜体)

    <address>
    Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
    Visit us at:<br>
    Example.com<br>
    Box 564, Disneyland<br>
    USA
    </address>
    


    5.article   标签规定独立的包含内容(告诉其为一个整体)没有特殊的作用

    <article>
      <h1>Internet Explorer 9</h1>
      <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....</p>
    </article>
    


    6.aside     标签定义其所处内容之外的内容 (告诉其为一个整体)没有特殊的作用

    <p>Me and my family visited The Epcot center this summer.</p>
    <aside>
    <h4>Epcot Center</h4>
    The Epcot Center is a theme park in Disney World, Florida.
    </aside>
    


    7.audio 音频

    <audio src="/i/horse.ogg" controls="controls">
    Your browser does not support the audio element.
    </audio>
    

    video 视频  

    <!DOCTYPE HTML>

    <html>

      <body>

        <video src="/i/movie.ogg" controls="controls"> your browser does not support the video tag </video>

      </body>

    </html>


    8.b    加粗一段文本

    <p>这是一个文本<b>这是加粗文本</b></p>
    


    9.big  呈现大号字体的效果用big标签要小心有些浏览器不支持

    <big>这是一个放大文本</big>
    


    10.br   一段文本中的换行

    <!DOCTYPE html>
    <html>
        <body>
                <p>2018.3.13<br/>我正式开启了我的全栈之旅<br/>接下来我要放空我的心态来接受全新的知识</p>
        </body>
    </html>
    


    11.button   标签为按钮标签 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容

    <button>这是一个按钮</button>
    


    12.center   标签定义其包含的内容进行文本居中

    <center>文本居中</centere>
    


    13.dl    dt      dd   !!! <dl> 标签定义了定义列表(definition list) 用于结合<dt>(定义列表中的项目)和 <dd> (描述列表中的项目)

                                 !!! <dt>定义列表中的项目

              !!!<dd>描述列表中的项目

    <html>
    
    <body>
    
    <h2>一个定义列表:</h2>
    
    <dl>
       <dt>计算机</dt>
       <dd>用来计算的仪器 ... ...</dd>
       <dt>显示器</dt>
       <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>
    
    </body>
    </html>
    


    14.del ins    <del>定义文本中已删除的部分

          <ins>定义插入的内容

    <html>
    
    <body>
    
    <p>一段话的<del>删除 </del><ins>插入</ins>部分</p>
    
    <p>大多数浏览器会改写为删除文本和下划线文本。</p>
    
    <p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
    
    </body>
    </html>
    

     
    15.div p h1-h6     div定义文本中的区  把文档分为不同的块一般用class、id来定义其属性

                                 p标签是一个文本的内容与div不同的是其自带上下边距

            h1-h6其主要作用是字体的大小  h1最大  h6最小

    <html>
    <body>
    
    <h3>标题</h3>
    <p>文本内容</p>
    
    <div style="color:#00FF00">
      <h3>标题</h3>
      <p>文本内容</p>
    </div>
    
    </body>
    </html>
    


    16.em span i strong      定义文本的强调内容同为行内块级标签   <i><em>定义文本为斜体  <span>行内元素 <strong>粗体
    17.footer nav       定义文本中的页脚与导航部分

            nav一个页面的导航部分

    <!DOCTYPE html>
    <html>
    <body>
    
    <nav>
    <a href="/html/">导航</a> |
    <a href="/css/">中间</a> |
    <a href="/js/">插入</a> |
    <a href="/jquery/">超链接</a>
    </nav>
    
    <footer>
          我是页脚        
    </footer>
    </body>
    </html>
    


    18.iframe      定义:创建包含另外一个文档的内联框架(行内框架
    19.hr html      定义:<hr>创建一条水平线。  <html>可告知浏览器是一个html文档。

    <html>
      <body>
          <h1>水平线<h1>
          <hr/>
          <p>...</p >
      </body>
    </html>
    

      


    20.img input label       定义:<img>标签网页中链接一副图像。
            < img src="../img/tupian.jpg"  alt="花"  />
            <label> 标签为 input 元素定义标注(标记)。<label> 标签的 for 属性应当与相                                  关元素的 id 属性相同。

    <body>
        <p>请点击文本之一,就可以触发相关控件</p >
        <label for="male">Male</label>
        <input type="radio" name="sex" id="male" />
        <br />
        <label for="female">Female</label>
        <input type="radio" name="sex" id="female" />
    </body>
    

      


    21.ol ul li       定义:ol有序列表。ul无序列表

    <body>
      <ol>
        <li>苹果</li>
        <li>牛奶</li>
        <li>茶</li>
      </ol>
    
      <ul>
        <li>咖啡</li>
         <li>牛奶</li>
        <li>茶</li>
      </ul>
     
    </body>
    

      


    22.link script        定义:<link>外部样式表 标签定义文档与外部资源的关系。
                  <link> 标签最常见的用途是链接样式表。

    <head>
        <link rel="stylesheet" type="text/css" href="css.css" />
    </head>
    

      

    23.select option    定义:<select>创建单选或多选菜单。
                <option>定义下拉列表中的一个选项(一个条目)。option 元素位于 select 元素内部。
              浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显

    <body>
        <select>
          <option value="">请选择</option>
           <option value="">山西</option>
           <option value="">北京</option>
           <option value="">上海</option>
        </select>
    </body>
    

      


    24.textarea     定义:<textarea> 标签定义多行的文本输入控件。
                 文本区中可容纳无限数量的文本,可以通过 cols 和 rows 属性来规定 textarea 的尺寸

  • 相关阅读:
    SpringMVC框架(2)
    SpringMVC框架(1)
    (数据结构与算法)跳表实现
    第2次作业
    第1次作业
    第一次作业
    第一周作业.
    第一周作业
    第0次作业
    第一次作业
  • 原文地址:https://www.cnblogs.com/sunwk/p/8555827.html
Copyright © 2011-2022 走看看