DAY 03 - 2 : HTML 디스플레이, div 태그, 시맨틱 태그
2022. 11. 2. 17:20
국비/HTML
- HTML의 디스플레이 1. inline content 크기 만큼 자리를 차지하는 요소이다. text, img, span 태그가 인라인 요소이다. 문자의 특징을 가지고 있다. 2. block 라인을 모두 차지하는 요소이다. p, h, ul, li, div, .... 면의 특징을 가지고 있다. - span 태그 줄 단위로 영역이 설정된다. inline 특징을 가지고 있다. - div 태그 면 단위로 영역이 설정된다. block 특징을 가지고 있다. - 시맨틱 태그 (Semantic Tag) 의미가 있는 태그이다. - 시맨틱 태그의 장점 검색엔진에 최적화되어있다. 스크린 리더를 사용하여 페이지를 탐색할 때 도움이 된다. div>div>div>div>... 끝 없는 div를 탐색하는 것 보다 효율적이다. 개..
DAY 13 : CSS, display, 위치
2022. 2. 10. 17:18
WEB/HTML,CSS
- CSS display 요소의 내부와 외부 디스플레이 유형을 설정하는 것을 의미한다. block 기본적으로 가로 영역을 모두 채운다. 다음태그는 다음 줄에 배치된다. (줄바꿈 O) width (너비), height(높이)를 지정할 수 있다. 대표적으로 박스 1의 내부입니다. 박스 2의 내부입니다. box1은 태그로 block이고, box2는 display로 inlie-block을 주었기 때문에 block와 inline의 속성 모두를 가진다. - CSS Position : CSS 요소들의 위치를 결정하는 방식을 설정한다. 1. 정적(static)위치 지정 방식 기본값 HTML 요소의 위치를 결정하는 기본적인 방식이다. top, left, right, bottom 속성 값을 사용할 수 있다. 단순히 웹 페..