웹 문서의 레이아웃 ▣ 레이아웃· 화면을 분할하거나 배열하여 구성하는 것 · HTML5 웹 표준에서는 각 영역을 구분하는 구조적 태그 요소를 정의하여 사용 문서의 주제목 문서 내용1 문서 내용2 문서 내용3 문서 내용4 문서 내용5 사이트 정보 표시 ▣ 종료 태그가 없는 요소들 ( empty element ), , , , , 웹프로그래밍 HTML/HTML 구조와 규칙 2025.03.04
태그의 분류 및 속성 ▣ 미리 정의되어 있는 태그· 사용자가 변경할 수 없으며 사용 용도에 맞게 사용▣ 사용자가 직접 정의하여 사용하는 태그· 사용자가 태그를 직접 설계하고 HTML 문서에 포함하여 작성 문서의 제목 문서의 구분선 단락 구분 중요한 문장 줄 바꿈▣ 사용자 정의 태그 작성 시 유의점· 일반적인 의미로 해석할 수 있도록 포함 관계 설정· 동등 관계로도 설정 가능 한빛아카데미 영업부 편집부 그래픽팀 한빛아카데미 영업부 편집부 그래픽팀 한국대학교 컴퓨터학교 경영정보학 ▣ 속성· 태그의 종속적인 정보를 표현하기 위해 사용· 태그없이 단독으로 사용할 수 없음· 속성 = "값" 형태로 작성 내용 ▣ 글로벌 속성· 모.. 웹프로그래밍 HTML/HTML 구조와 규칙 2025.03.04
HTML5 문서의 작성 ▣ 태그 이름은 대소문자를 구분하지 않음 HTML5 문서는 소문자로 작성할 것을 권장합니다. 대문자 HTML5 문서는 소문자로 작성할 것을 권장합니다. ※ 대소문자를 구분하진 않지만 소문자로 작성하는게 좋음 ※ ▣ 본문 내 연속된 공백이나 줄 바꿈은 하나의 공백으로 처리 HTML5에서는 엔터, 탭, 스페이스바와 같은 키보드 값을 인식하지 않습니다. HTML5에서는 스페이스바 대신 특수문자를 사용해주세요. ※ 본문 내 연속된 공백이나 줄 바꿈을 여러번 하더라도 하나의 공백으로만 처리 되기 때문에스페이스바 대신 특수문자 사용해야함 ※ ▣ 태그의 포함 관계를 표현하기 위해 들여쓰기 적용 문서의 구조를 명확하게 작성해주세요. 들여쓰기를 해야 소스코드의 가독성이 높아집니다. .. 웹프로그래밍 HTML/HTML 구조와 규칙 2025.03.04
HTML5 문서의 구조 ▣ · HTML5 문서를 선언하는 구문· 생략할 수 있지만 하위 호환성을 위해 작성할 것을 권장 ▣ ~ · HTML5 문서의 시작과 종료를 알림· 언어(lang)속성을 사용하여 주된 언어 값을 설정할 수 있음 ▣ · 웹 페이지의 정보를 정의· 태그와 자바스크립트, 스타일시트(CSS) 등을 정의 ▣ ~ · HTML5 문서의 본문을 작성 HTML5 기본 태그를 사용하여 작성한 문서입니다. 웹프로그래밍 HTML/HTML 구조와 규칙 2025.03.04