HTML 기초_01

1.tag 해부학

1. 일반적인 tag

<tag> </tag>

2. attribute를 포함한 tag

<tag attr=""> </tag>

2.제목(Headings)

: h1~h6까지 있다.

<h1>가장 중요</h1>
<h2>두 번째 중요</h2>
<h3>세 번째 중요</h3>
...
<h6>여섯 번째 중요</h6>

3. 문단(paragraph)

<p>문단</p>

4.강조(Emphasis)

<strong> 굵게 </strong>

<em>기울기</em>

5.링크(Anchor)

<a href ="주소">내용</a>

여러가지 링크

1. 웹URL

2. 페이지 내 이동
   **무조건 id를 쓸 것

<div id="1"></div>
.
.
.
<a href ="#1">클릭 시 id가 1인 곳으로 이동</a>

3. 메일쓰기

<a href ="malito:홍길동@naver.com">메일쓰기</a>

4. 전화걸기

<a href ="tel:010-0000-0000">전화걸기</a>

새 tab으로 열기

<a href ="주소" target ="_blank">내용</a>

6.이미지(Image)

<img src = "주소" alt = "대체텍스트">

7.리스트(List)

1. Ordered List (순서 유)

<ol>
	<li></li>
</ol>

2. Unordered List (순서 무)

<ul>
	<li></li>
</ul>

**List를 이용할 때는 무조건 직계자식은 li tag만 가능

8.정의 리스트(Description List)

1. 용어를 정의할 때
2. key-value로 정보를 정의할 때
   **dl의 직계자식은 div, dt, dd만 가능하다.

<dl>
	<div>
        <dt>
            <dfn>용어</dfn>
        </dt>
        <dd>용어를 정의하는 내용</dd>
    <div>
<dl/>

9.인용(Quotations)

<blockquoto cite = "인용된 주소">
인용내용
	<cite>인용된 출처 or 저자</cite>
</blockquoto>

<q>인용문장</q>

10. Div & Span

<div>아무 내용</div>

<span>정말 쓸 테그가 없을 때</span>