Home > Web Front-end > HTML Tutorial > Detailed introduction to 3 common elements in HTML

Detailed introduction to 3 common elements in HTML

零下一度
Release: 2017-05-09 14:17:57
Original
2174 people have browsed it
  • <strong>Inline elements

    • a - anchor
      abbr - abbreviation

      the <abbr title="world wield web constium">W3C</abbr>is important;
      Copy after login

      Detailed introduction to 3 common elements in HTML

      Detailed introduction to 3 common elements in HTML

      b - bold (not recommended), strong - bold emphasis, em - italics important {all double Tag}
      The <b> tag should be used as a last resort option when no other suitable tag is more suitable. HTML5 Specification statement: <h1> - <h6> should be used to represent titles, and <em> tags should be used to represent emphasized text. Use the <strong> tag to indicate important text.
      These can also be set through the font-weightproperty.
      bdo Define text direction
      <br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>

      Detailed introduction to 3 common elements in HTML

      #Detailed introduction to 3 common elements in HTML

      big - One size larger than the original font.

      12br - Line break


      clear attributecite - Quote, italic display
      code - Computer code (required when citing source code)
      dfn - Define field
      i - Italic
      img - Image
      input - input box
      kbd - define keyboard text
      samp - define sample computer code
      var - define variable
      q - short quote
      small - small font text
      span - commonly used content Coupled container, defines the block within the text
      label - table label
      del - delete part
      ins - new inserted part
      select - item selection
      sub - subscript
      sup - upper Tag
      textarea - Multi-line text input box
      iframe - Create an inline frame that contains another document

          <iframe src="block_elements.html" width="" height=""></iframe>
      Copy after login

    • Detailed introduction to 3 common elements in HTML

      Detailed introduction to 3 common elements in HTML

      (

      map,area)-Image map with clickable area

         < img src="../../LG/image/ff8080814aecc157014aecdf36aa002a.jpg" width="300px" border="0" usemap="#test" alt="test" />
         <map name="test" id="test">
          <area shape="circle" coords="20,20,50" href="block_elements.html" alt="" />
          </map>
      Copy after login

    • is called with inline elements, inline Embedded elements, inline elements, and inline elements

    • are generally basic elements based on the semantic level. They can only accommodate text or other inline elements and are usually included in Used within block elements.

    • Inline elements have these


  • ##Block-level elements

    <strong>

    • Note: If the caption element is repeated in the table, it will be folded, but if it is separated from the table, it will not be folded if it is repeated.
    • address - Defines contact information for the author of the document or article. Don't limit it to an address. Display it in italics.
    • <address>Written by miss_du</address>.jpg##

      Written by miss_du
      .jpg

      blockquote - label definition block quote, the left and right sides will be automatically indented Enter

      俗话说得好
      <blockquote>
          笨鸟先飞
      </blockquote>
      Copy after login

      Detailed introduction to 3 common elements in HTMLDetailed introduction to 3 common elements in HTML

      dir - Directory List

      <dir>
          <li>第一章</li>
          <li>第二章</li>
          <li>第三章</li>
      </dir>
      Copy after login

      Detailed introduction to 3 common elements in HTMLDetailed introduction to 3 common elements in HTML

      dl>dt+dd-define a list, this is often used, there is no distance

      ul>li-define an unnecessary list

      ol>li-define an ordered list

      pCommonly used block-level elements for css layout.
      (fieldest, legend) - related elements in the combined form

      <fieldset id="">
          <legend>性别</legend>
          女:<input type="radio" name="" id="" value="" />
          男:<input type="radio" name="" id="" value="" />
      </fieldset>
      Copy after login


      Detailed introduction to 3 common elements in HTMLDetailed introduction to 3 common elements in HTML

        form - 交互表单
        h1 ~h6
        hr - 水平分隔线
        noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
       noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
       pre - 格式化文本,,主要用于显示源码。

      <pre class="brush:php;toolbar:false">
          <a>
          显示源码了么?
          </a>            
      
      Copy after login

      Detailed introduction to 3 common elements in HTML

      Detailed introduction to 3 common elements in HTML

       table - 表格

      <table border="" cellspacing="" cellpadding="">
          <caption>hello</caption>
          <thead style="background: black;color: #fff;">
              <tr>
                  <th>Header</th>
                  <th>Header</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Data</td>
                  <td>Data</td>
              </tr>
          </tbody>
      </table>
      Copy after login

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

The above is the detailed content of Detailed introduction to 3 common elements in HTML. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template