HTML 정리

HTML (Hyper Text Markup Language)

: 마크업 형식을 가지고 있는 언어. 웹브라우저가 가져야 할 정보와 형태를 명령할 때 사용하는 언어

 

태그 : HTML에서 내용을 구별하기 위한 꼬리표

 

< > : 시작 태그

</> : 닫는 태그

* 시작태그 ~ 닫는태그 사이 구간을 태그의미에 맞게 표시함.

 

 

· <strong> : 글씨 굵게

· <h1> : 제목(굵고 큰 문자, 줄바꿈)

· <h2> : 소제목(<h1>보다 글씨크기 작음. 숫자가 작아질수록 크기도 작아짐)

 

 

· <a> : 콘텐츠가 링크라는 걸 웹브라우저에 알려줌

       <a href="url"> : 링크와 연결하려면 href 속성값으로 url 적어줘야 함 

       <a href="url" target="_blank"> : 링크를 새 탭에서 열려면 target 속성에 "_blank"

       <a href="url" title="링크정보"> : 하이퍼링크 위에 마우스 올렸을 때 링크에 대한 정보가 뜨도록 하려면 titile 속성에 정보입력

<a href="url" target="_blank" title="링크정보">link</a>

* 속성의 이름에 따라 기능이 정해져 있음. 속성 순서는 상관 X

* 속성을 통해 태그명만으로는 구현할 수 없는 여러 기능들 추가 가능

 

 

· <li> : 목록으로 웹페이지 표현

· <ul> : 순서없는 리스트로 그룹핑. 같은성격의 리스트끼리 묶고 다른성격의 리스트와는 구분.

· <ol> : 순서있는 리스트로 그룹핑

<ul>			<!-- 순서없는 리스트 -->
    <li>unordered1</li>
    <li>unordered2</li>
</ul>

<ol>			<!-- 순서있는 리스트 -->
    <li>ordered1</li>
    <li>ordered2</li>
</ol>