본문 바로가기

HTML&CSS3

window window.scrollY 👉 위쪽으로 스크롤된 길이 window.innerHeight 👉 웹브라우저의 창의 높이 document.body.offsetHeight 👉 body 의 높이 (문서객체가 차지하는 높이) 2023. 6. 30.
HTML에서 자주 쓰이는 기본 태그들 🤔자주 쓰는 기본 태그 HTML에서는 제목이나 단락 줄바꿈 등등 자주 사용하는 태그가 존재하는데 이를 알아보자. HTML에서 자주쓰이는 기본태그 -Heading 태그 텍스트를 제목으로 지정하는 태그로써 텍스트의 크기가 크고 진하게 표시된다. 제목의 크기에 따라 ~까지 사용할 수 있다. 숫자가 커질수록 제목의 크기는 작아진다. -Paragraphs 태그 단락을 나타낼수 있는 태그이다. ~사이에 텍스트를 입력하면 그 내용 앞뒤로 빈 줄이 생기면서 단락이 나타난다. 그리고 태그안에서 많은 줄바꿈 띄어쓰기를 해도 한칸만 적용이 된다. 이는 태그를 이용해 해결할수 있다. -줄 바꿈 태그 웹 브라우저 상에서 줄 바꿈을 나타낼수있는 태그 이다. 은 닫는 태그가 없는 단일 태그이며, 태그가 삽입된 위치에서만 줄 바꿈이.. 2023. 4. 19.
HTML이란? 🤔HTML이란? 1. HTML의 정의 -HTML : Hyper Text Markup Language 우리가 사용하는 웹 브라우저의 웹 페이지의 구조를 설명하는 프로그래밍 언어의 한 종류로 웹 브라우저에서 웹 페이지를 볼 수 있도록 그 웹 페이지의 구조를 만들다 던가 더 나아가 그 웹 페이지를 설명할수 있다. 다른 예로 웹 페이지는 월드 와이드 웹 상에 있는 개개의 문서를 가리키며, .gif .jpg .hwp 등등 이와 같은 확장자 포맷을 .html 혹은 .htm을 가지고 있다. 그치만 html만 놓고 본다면 이는 단순한 텍스트 파일에 불과하다. 우리는 이를 웹 브라우저를 통해 렌더링 해주게 되고 이를 사용자가 View라고 하는 스크린을 통해 접할수 있다. 2. HTML의 특징 구조가 단순하며 간단한 문법.. 2023. 4. 19.