>  기사  >  웹 프론트엔드  >  HTML의 3가지 공통 요소에 대한 자세한 소개

HTML의 3가지 공통 요소에 대한 자세한 소개

零下一度
零下一度원래의
2017-05-09 14:17:572099검색
  • 인라인 요소

    • a - 앵커<br>abbr - 약어

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

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      b - 굵게(권장하지 않음), Strong - 굵은 강조, em - 기울임꼴 중요 {모두 이중 태그}<br> <b></b> 태그는 더 적합한 다른 태그가 없을 때 최후의 수단으로 사용해야 합니다. HTML5 사양에 따르면 <h1> - <h6></h6> </h1>는 제목을 표시하고, <em></em> 태그는 강조된 텍스트를 표시하고, <strong></strong> 태그는 중요한 텍스트를 표시해야 합니다. <br>글꼴 두께속성을 통해서도 설정할 수 있습니다. <br>bdo는 텍스트 방향을 정의합니다. <br><br> rtl:  <bdo dir="rtl">here is some text</bdo> <br> ltr:  <bdo dir="ltr">here is some text</bdo>

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      big - 원본 글꼴보다 한 크기 더 큽니다. <big><big>12</big></big><br>br - 줄 바꿈<br> <br>속성 지우기<br>cite - 인용, 기울임꼴 표시<br>code - 컴퓨터 코드(소스 코드를 인용할 때 필요)<br>dfn - 정의 필드<br>i - 기울임꼴 <br>img - 이미지 <br>input - 입력 상자 <br>kbd - 키보드 텍스트 정의 <br>samp - 샘플 컴퓨터 코드 정의 <br>var - 변수 정의 <br>q - 짧은 따옴표 <br>small - 작은 글꼴 텍스트<br>span - 일반적으로 사용되는 인라인 컨테이너, 텍스트 내의 블록 정의<br>label - 테이블 레이블<br>del-삭제 부분<br>ins-새 삽입 부분<br>select - 항목 선택 <br>sub - 아래 첨자 <br>sup - 위 첨자 <br>textarea - 여러 줄 텍스트 입력 상자 <br>iframe - 다른 문서가 포함된 인라인 프레임 만들기

          <iframe src="block_elements.html" width="" height=""></iframe>
    • HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      (map,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>
    • 는 인라인 요소, 임베디드 요소, 인라인 요소

    • 는 일반적으로 의미 수준(의미)을 기반으로 하는 기본 요소이며 일반적으로 텍스트 또는 기타 인라인 요소만 담을 수 있습니다. 블록 요소에 포함됩니다.

    • 인라인 요소에는 다음이 포함됩니다


  • 블록 수준 요소

    • 캡션 요소는 표에서 반복되면 줄바꿈되지만 표 외부에서 반복되면 줄바꿈되지 않습니다.

    • 주소 - 문서나 기사 작성자의 연락처 정보를 주소로만 제한하지 마세요.

      <address>Written by miss_du</address>.jpg<br>

      Written by miss_du
      .jpg

      blockquote - 태그 정의 블록 인용, 왼쪽과 오른쪽은 자동으로 단축됩니다 Enter

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

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      dir - 디렉토리 목록

      <dir>
          <li>第一章</li>
          <li>第二章</li>
          <li>第三章</li>
      </dir>

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      dl>dt+dd-목록 정의, 자주 사용하므로 거리가 없습니다<br>ul>li-불필요한 목록 정의<br>ol> li-순서 있는 목록 정의<br>pCSS 레이아웃에 일반적으로 사용되는 블록 수준 요소입니다. <br>(fieldest, legend) - 관련 요소를

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

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

      형식으로 결합합니다.

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

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

      HTML의 3가지 공통 요소에 대한 자세한 소개<br>

      HTML의 3가지 공통 요소에 대한 자세한 소개

       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>

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

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

위 내용은 HTML의 3가지 공통 요소에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.