简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 연구 노트 2

不言
풀어 주다： 2018-04-19 14:32:03
원래의
1447명이 탐색했습니다.


이 글의 내용은 HTML 스터디 노트 2입니다. 확실한 참고 가치가 있습니다. 이제 필요한 친구들이 참고할 수 있습니다.

1. ;...행 정의, ...열 정의

헤더 표시: 

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
로그인 후 복사

빈 행을 표시하려면  space로 채울 수 있습니다. 자리 표시자.


2. 목록




첫 번째 유형: 순서가 지정되지 않은 목록 -

    , 굵은 점 표시 

    <tr>
<th>heading</th>
</tr>
    로그인 후 복사


    사용 또는


      두 번째 유형: 순서가 지정된 목록 -

        , 숫자를 사용하여 

        <ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
        로그인 후 복사


        을 표시하거나

          ...을 사용하여 숫자가 50부터 시작함을 나타냅니다. .




          세 번째 유형: 사용자 정의 목록——

          <ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
          로그인 후 복사


          설명:

          은 목록의 시작을 나타냅니다.




          목록 항목을 나타냅니다

          목록 항목의 정의를 나타냅니다



          문단, 줄 바꿈, 그림, 링크, 기타 목록 등이 내부에서 사용될 수 있습니다. 목록 항목.




          3. HTML 클래스

          HTML을 카테고리화하고 요소 클래스에 대한 CSS 스타일을 정의할 수 있습니다.



          같은 클래스에 같은 스타일을 설정하세요. 

          <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
          로그인 후 복사



          은 동일한 클래스를 설정하는 데 사용되는 블록 수준 요소입니다.

          은 인라인 요소입니다. 

          <!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
</head>

<body>

<p class="cities">
<h2>London</h2>
<p>
London is the capital city of England. 
It is the most populous city in the United Kingdom, 
with a metropolitan area of over 13 million inhabitants.
</p>
</p> 

</body>
</html>
          로그인 후 복사



          4. HTML 웹사이트 레이아웃

          (1) 레이아웃에는

          를 사용하세요

          <html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>

<h1>My <span class="red">Important</span> Heading</h1>

</body>
</html>
          로그인 후 복사


          (2) HTML5에서 제공하는 새로운 의미 요소




          문서 또는 섹션의 헤더 정의