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

Detailed introduction to 3 common elements in HTML

May 09, 2017 pm 02:17 PM

  • <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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles