HTML의 3가지 공통 요소에 대한 자세한 소개-HTML 튜토리얼-php.cn

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

零下一度

풀어 주다： 2017-05-09 14:17:57

원래의

2178명이 탐색했습니다.

<strong>인라인 요소

a - 앵커<br>abbr - 약어
```
the <abbr title="world wield web constium">W3C</abbr>is important;
```
로그인 후 복사
HTML의 3가지 공통 요소에 대한 자세한 소개
b - 굵게(권장하지 않음), Strong - 굵은 강조, em - 기울임꼴 중요 {모두 이중 태그}
<b> 태그는 더 적합한 다른 태그가 없을 때 최후의 수단으로 사용해야 합니다. HTML5 사양에 따르면 <h1> - <h6>는 제목을 표시하고, <em> 태그는 강조된 텍스트를 표시하고, <strong> 태그는 중요한 텍스트를 표시해야 합니다.
글꼴 두께 속성을 통해서도 설정할 수 있습니다.
bdo는 텍스트 방향을 정의합니다.
<br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>

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

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>

로그인 후 복사

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

<strong>블록 수준 요소

캡션 요소는 표에서 반복되면 줄바꿈되지만 표 외부에서 반복되면 줄바꿈되지 않습니다.
주소 - 문서나 기사 작성자의 연락처 정보를 주소로만 제한하지 마세요.

Written by miss_du
.jpg
blockquote - 태그 정의 블록 인용, 왼쪽과 오른쪽은 자동으로 단축됩니다 Enter
```
俗话说得好
<blockquote>
    笨鸟先飞
</blockquote>
```
로그인 후 복사
HTML의 3가지 공통 요소에 대한 자세한 소개
dir - 디렉토리 목록
```
<dir>
    <li>第一章</li>
    <li>第二章</li>
    <li>第三章</li>
</dir>
```
로그인 후 복사
HTML의 3가지 공통 요소에 대한 자세한 소개
dl>dt+dd-목록 정의, 자주 사용하므로 거리가 없습니다
ul>li-불필요한 목록 정의
ol> li-순서 있는 목록 정의
pCSS 레이아웃에 일반적으로 사용되는 블록 수준 요소입니다.
(fieldest, legend) - 관련 요소를
```
<fieldset id="">
    <legend>性别</legend>
    女:<input type="radio" name="" id="" value="" />
    男:<input type="radio" name="" id="" value="" />
</fieldset>
```
로그인 후 복사
HTML의 3가지 공통 요소에 대한 자세한 소개
형식으로 결합합니다.
　 form - 交互表单
　 h1 ~h6
　 hr - 水平分隔线
　 noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
　noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
　pre - 格式化文本,，主要用于显示源码。
```
<pre class="brush:php;toolbar:false">
    <a>
    显示源码了么？
    </a>            
```
로그인 후 복사
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>
```
로그인 후 복사