[HTML-2] 속성 링크 목록

1.전역속성

모든 html태그에 공통으로 사용할 수 있는 속성

 

1-1. ID

요소에 고유한 이름을 부여하는 식별자 역할 속성

<div id="goodjob">

1-2.class

요소를 그룹 별로 묶을 수 있는 식별자 역할 속성

<div class="goodjob"></div>

 

1-3.style

요소에 적용할 css 스타일을 선언하는 속성

<div style="color:red">빨간글씨</div>

1-4.title

요소의 추가 정보를 제공하는 텍스트 속성(=부가속성)

사용자에게 툴팁 제공 (커서 갖다대면 말풍선 나타남)

<div class="title" title="제목입니다">제목
</div>

 

2.링크 

현재 문서에서 다른 문서로 이동할 수 있는 수단

 

 

2-1. 링크는 anchor 

 

a 태그 요소는 href 속성을 통해 url 또는 전화연결 페이지를 만든다.

target에 _self는 그페이지 그대로 열고, blank는 새창으로 연다.

<a href="https://www.naver.com" target="_self" target="_blank">
    네이버로 접속
</a>

<a href="tel:111-11234-5678">전화연결</a>

 

 

3.목록태그

 

3-1. ul(unordred list) 

 

순서가 없는 목록

 

3-2. ol (ordered list) 

 

순서가 있는 목록

 

3-3. li (list)

목록태그 안의 리스트

 

출처. youtube 유노코딩