반응형 Programming Language39 [CSS] <li> 태그, <ol> 태그란? (list item, ordered list) 1. 태그란 무엇인가? - ... 태그는 list item(목록 항목) 으로 목록 작성 시 목록에 해당하는 항목을 나타내는 태그이다. - 목록 관련 태그인 ..., ... 사이에 쓰인다. 2. ... 태그란 무엇인가? - ... 태그는 ordered list(질서정연한, 순서가 있는 목록) 으로 순서 있는 목록을 표현하는 태그이다. - type 에 따라 (숫자) 1 / (알파벳 대문자) A / (알파벳 소문자) a / (로마숫자) I / (로마숫자) i 표현이 가능하다. 3. .. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 목록 태그에 대해 알아보자 나는 li태그 1 입니다. 나는 li태그 2 입니다. 나는 li태그 3 입니다. 나는 li태그 4 입니다. .. 2022. 1. 18. [CSS] <li> 태그, <ul> 태그란? (list item, unordered list) 1. 태그란 무엇인가? - ... 태그는 list item(목록 항목) 으로 목록 작성 시 목록에 해당하는 항목을 나타내는 태그이다. - 목록 관련 태그인 ..., ... 사이에 쓰인다. 2. ... 태그란 무엇인가? - ... 태그는 unordered list(질서정연하지 않은, 순서가 없는 목록) 으로 순서 없는 목록을 표현하는 태그이다. - type 에 따라 (disc : ●) / (circle : ○) / (square : ■) 표현이 가능하다. 3. .. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 목록 태그에 대해 알아보자 나는 li태그 1 입니다. 나는 li태그 2 입니다. 나는 li태그 3 입니다. 나는 li태그 4 입니다. 나는 li태그 5 .. 2022. 1. 18. [CSS] <span> 태그란? 1. 태그란 무엇인가? - ... 태그는 span(폭, 범위) 으로 HTML 문서 내에 자신에게 주어진 공간만을 차지하는 태그이다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 span태그에 대해 알아보자 span{border:1px solid green;} 나는 span 태그 입니다. Colored by Color Scripter cs 태그의 영역을 파악하기 위해 border, solid 스타일을 지정하였다. 3. 태그 사용 결과 4. 태그를 여러 번 사용했을 때 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 span태그에 대해 알아보자 span{border:1px solid green;} 나는 span 태그 입니다. 나는 span 태그 입니다. 나는 span.. 2022. 1. 12. [CSS] <div> 태그란? (division) 1. 태그란 무엇인가? - ... 태그는 division(분할하다) 의 약자로 HTML문서 내에 한 줄의 가로(Block) 공간을 만드는 태그이다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 div태그에 대해 알아보자 div{border:1px solid green;} 나는 div 태그 입니다. Colored by Color Scripter cs 태그의 영역을 보고자 border(굵기), solid(테두리)에 스타일을 입혔다. 3. 태그 사용 결과 웹 브라우저 크기에 따라 태그의 공간 크기가 변화하는 것을 볼 수 있다. 4. 태그를 여러 번 사용했을 때 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 div태그에 대해 알아보자 div{border:1px soli.. 2022. 1. 12. 이전 1 ··· 5 6 7 8 9 10 다음 반응형
