-
HTML5 기본 구조와 작성법Programming/HTML5 2015. 1. 11. 21:12
요약
HTML 태그
- HTML5는 요소(Element)로 구성되며 요소는 태그와 속성, 내부 문자로 구성됨
- 주석: 프로그래밍 언어에서 프로그램의 실행에 영향을 미치지 않고 설명을 위한 목적으로 사용하는 코드
HTML 기본 페이지
- HTML5의 기본 페이지 구조
<!DOCTYPE html> <html> <head> <title>제목</title> </head> <body> </body> </html>
- head 태그 내부에 사용 가능한 태그: meta, title, script, link, style, base 태그
- HTML 페이지의 기본 확장자: .htm 또는 .html
스타일시트- 정의: 마크업 언어가 표시되는 방법을 기술하는 언어로 HTML 웹 페이지의 스타일을 지정할 때에 사용
- 종류
- 내부 스타일시트: style 태그를 사용해 HTML 페이지 내부에 스타일시트를 직접 입력하는 방법
- 외부 스타일시트:스타일시트 파일을 따로 생성한 후 link 태그의 href 속성을 이용해 HTML 페이지로 불러오는 방법
자바스크립트
- 정의: HTML 페이지에서 사용하는 프로그래밍 언어
- 종류
- 내부 자바스크립트: script 태그를 사용해 HTML 페이지 내부에 자바스크립트 코드를 직접 입력하는 방법
- 외부 자바스크립트: 자바스크립트 파일을 따로 생성한 후 script 태그의 src 속성에 외부 자바스크립트 파일의 경로를 입력하여 HTML 페이지로 불러오는 방법
요소검사- 버그(bug): 프로그램이 원하지 않는 방향으로 동작하는 것
- 디버그(debug): 버그를 잡는 행위
- 요소 검사(element inspector): 웹 브라우저에서 지원하는 디버그 지원 프로그램
연습문제
다음 HTML 요소의 속성 이름과 속성 값, 태그 이름을 모두 적으시오.
<img title="바다" alt="sea" src="sea.png" />
태그 속성이름 속성값
다음 중 head 태그 내부에 입력할 수 없는 태그는 무엇인가?
① style 태그 ② meta 태그 ③ base 태그 ④ header 태그
다음 코드에서 잘못된 부분을 표시하고 이를 바르게 수정하시오
<style src="outer_stylesheet.css"></style>
<link rel="stylesheet" href="outer_stylesheet.css">
'Programming > HTML5' 카테고리의 다른 글
스타일시트 선언에서스타일시트 선언에서 media="screen" 와 media="print"의 차이점 (1) 2015.04.17 HTML5 멀티미디어 태그와 입력 양식 태그 (0) 2015.01.13 HTML5 기본 태그 (0) 2015.01.12 HTML 웹 개요와 실습 환경 구축 (0) 2015.01.11