HTML5 기본태그(a태그,글자모양태그,목록태그)

1. 특정 웹페이지에 연결하기 

 

a태그는 anchor를 의미하며, 다른 웹페이지나 웹페이지 내부의 특정 위치로 이동할때 사용합니다.

 

태그	설명
a	하이퍼링크 생성

 

a 태그만으로는 어떤 웹페이지로 이동할지 웹브라우저에게 알려줄수 없습니다 그래서 href 속성을 사용해 알려줍니다.

    href는hyper reference를 의미 합니다 <a href="https://7777777cute.tistory.com/453">물레방아토끼</a>

                                       

<a href="이동할페이지 링크">출력글자</a> 를 의미 합니다.

       하이퍼링크를 설정한 글자를 클릭하면 해당 웹페이지로 이동 합니다.

 

---

 

 

 

2. 웹페이지 내부에 연결하기

 

웹페이지 내부의 특정 태그로 이동하려면 id 속성을 추가로 사용해야 합니다.

우선 h1 태그에 id 속성을 입력하여야 합니다. a태그의 href 속성에 "#id 속성' 형태의 문자열에 입력합니다.

 

 

이동하려는 태그의 id 속성을 href 속성에 " #id 속성형태" 로 입력합니다.

id 속성이 중복되면 먼저 나오는 태그로 이동합니다.

하지만 id 속성을 중복해서 사용하는것은 웹표준에 어긋납니다.

 

---

3. 글자모양 태그 

 

태그	설명
b	굵은글자 bold
i	기울어진 글자

 

 

 

 

태그	설명
small	작은글자
sub	아래첨자
sup	위첨자
ins	밑줄글자
del	취소선이 그어진 글자

◎

 

글자 모양태그는 단독으로 사용하거나 제목글자와 본문글자 태그 내부에 입력 또는 다른 글자모양 태그도

넣을 수 있습니다. 하지만 글자모양 태그 내부에 제목 글자와 본문글자 태그는 넣을 수 없습니다.

 

---

 

4. 목록태그

 

태그	설명
ul	순서가 없는 목록 설정
ol	순서가 있는 목록 설정
li	목록 요소 설정

 

 

순서가 없는 기본목록 만들기

 

 

                   

순서가 있는 목록 만들기