반응형

HTML&CSS 29

#2 HTML 문서의 구조

HTML 문서의 기본 구조HTML 문서는 크게 세 부분으로 나눌 수 있습니다. 선언:문서의 유형을 선언하는 부분입니다. HTML5 문서임을 나타냅니다. 태그:HTML 문서의 시작과 끝을 알리는 가장 바깥쪽 태그입니다. 안녕하세요, HTML! 이것은 HTML 문서의 예시입니다.   각 부분의 역할: 브라우저에게 이 문서가 HTML5 문서임을 알려줍니다.: HTML 문서의 시작과 끝을 나타내는 최상위 태그입니다.: 문서에 대한 정보를 담고 있습니다. 사용자에게 직접 보이지는 않지만, 브라우저나 검색 엔진에서 사용됩니다.: 브라우저의 제목 표시줄에 나타나는 제목을 설정합니다.: 실제로 웹 페이지에 보이는 내용을 담는 부분입니다.: 가장 큰 제목을 나타내는 태그입니다. , 등 더 작은 제목을 표현하는 태..

HTML&CSS 2024.08.25

#1 HTML 이란

HTML이란 무엇일까요?HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조를 만들고 내용을 표현하는 데 사용되는 마크업 언어입니다. 쉽게 말해, 웹 페이지를 만들기 위한 기본 설계도라고 할 수 있습니다. 마치 건물을 지을 때 설계도가 필요하듯이, 웹 페이지를 만들 때도 HTML이라는 설계도가 필요한 것입니다.왜 HTML을 배워야 할까요?나만의 웹 페이지를 제작할 수 있습니다: 블로그, 포트폴리오, 간단한 웹사이트 등 다양한 웹 페이지를 직접 만들 수 있습니다.웹 개발의 기초를 다질 수 있습니다: CSS, JavaScript 등 다른 웹 개발 언어를 학습하는 데 필수적인 기반이 됩니다.웹 페이지의 구조를 이해할 수 있습니다: 웹 페이지가 어떻게 구성되는지 이해하고, 웹 페..

HTML&CSS 2024.08.24

HTML DIV 태그 position

DIV를 중첩 & 겹치기 위해선 position을 사용해야함 .test{ width:100px; height:100px; position:속성;} //요런식으로... 속성에는 4가지 종류가 있다 - static : 기본 배치 / 브라우저의 흐름에 따라 알아서 배치한다. - relative : 상/하위 관계가 형성 .test li {position:relative;} .test li .aaa {position:absolute; top:-10px; left:10px;} - fixed : 브라우저 전체를 기준(쉽게 브라우저 좌측 상단)으로 top,left,bottom,right 로 밀어준다. (스크롤 돌려도 그자리에 있음-위젯?? 만들 때 쓰면 될듯) - absolute : 상위 DIV를 기준으로 top,le..

HTML&CSS 2016.03.17
반응형