1주차_html 기본 태그

<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
<!-- 
	heading : 제목
	숫자가 작아질 수록 크기도 작아짐(소제목 개념)
-->



<p>Paragraph1</p>
<p>Paragraph2</p>
<!-- 
    Paragraph : 단락
    줄바꿈이 기본적으로 포함되어 있음. 
-->



<a href="https://www.naver.com">네이버로 이동</a>
<!-- 
	anchor : 앵커(링크)
	href는 속성 중 하나로 주소를 넣는다.
-->



<img src="./taeyeon.jpg" alt="태연">
<img src="../taeyeon1.jpg">
<img src="http://ninefloor.com/files/attach/images/162/192/fb273f3dd95ee5378ad31e440a922580.jpg">
<!--
    img : 이미지태그
    
    src(source) : 이미지 URL
    - 상대경로
    ./ : 현재 위치
    ../ : 현재 기준 한 칸 상위 위치
    - 절대경로
    경로의 모든 주소 작성

    alt(alternative) : 대체 텍스트
-->



<h1 style="font-size: 60px;color: red;background: rgb(137,137,158);">
    제목1
</h1>
<!--
    내부 스타일 속성 지정
    color : 색상 지정
    font-size : 글자 크기 지정
    background : 배경 지정
    속성 간 분리는 세미콜론(;)
    CSS 언어 사용
-->



<ol>
    <li>네이버</li>
    <li>구글</li>
    <li>다음</li>
</ol>
<ul>
    <li>네이버</li>
    <li>구글</li>
    <li>다음</li>
</ul>
<!--
    ordered list : 번호가 있는 리스트(목록)
    unordered list : 번호가 없는 리스트(목록)
    드롭다운 메뉴에서 자주 활용
    리스트 안에 리스트 중첩 가능
-->



<b>bold : 진하게</b><br>
<i>italic : 이탤릭(기울임)</i><br>
<em>emphasize : 강조</em><br>
<strong>strong : 강하게</strong>
<!--
    텍스트 속성
-->



<style>
    ul{
        list-style-type: none;
        /*
        리스트 스타일의 형태
        none : 없음
        */
    }
    img{
        width: 100px; height: 100px;
    }
    h1{
        font-size: 20px; 
        color: royalblue; 
        background: yellowgreen;
        width: 300px;
        height: 50px;
        text-align: center;
    }
</style>
<!--
    헤더에 style 삽입
    <style> 안에는 따로 기호 없이 속성{} 입력.
-->