2024/06 2

HTML 페이지의 구조

스크립트 기본 구조헤더 이라는 헤더로 시작한다. HTML 5로 쓰인 웹 페이지라는 것을 의미한다....헤드(Head)보통 헤더에는 페이지의 정보가 들어간다. 개발자의 영역.Style 태그(=CSS)가 주로 헤드 안에 들어간다.바디(Body) Hello Web Programming World!보통 바디에는 사용자에게 보여지는 페이지의 모습이 나타난다. 유저가 보는 영역.페이지 레이아웃(Page Layout)CSS의 박스 속성(width, height, margin, padding)과 HTML 문법의 div 태그와 연계된다.Block 간의 관계동위 관계 블럭(Block;such as div, p) 간 배치는 페이지의 한 너비를 다 먹는다.하지만 부모-자손 관계처럼 계층 구조일 경우, 부모 영역 안에서 ..

HTML 문법과 태그들

기본 형태요소(Element)시작 태그 ... 종료 태그 의 형태를 취한다. 그리고 그것이 하나의 요소이다.규칙이 존재한다:태그는 대소문자 구분이 없다.다른 태그끼리 겹칠 수 없다. (예시) .. .. .. 다른 태그를 포함 할 수는 있다. .. .. .. 태그에 구체적인 속성을 입력해 줄 수도 있다.형식 : HTML 주석(Annotation)특수 문자", &, , 공백 과 같이 문법에 사용되는 문자들은 특수한 방법으로만 텍스트로 사용이 가능하다.그 중에서도 공백을 알아두자 :   (non-breaking space)태그h 태그...옵시디언에서의 '#'과 같은 느낌이다. 숫자가 클수록 글자 크기가 작아진다.p 태그문단을 나눠준다.!주의! : 처음의 는 현재 커서 다음 줄부터 시작하게 하고..