html 웹 프로그래밍

HTML5 웹 프로그래밍 입문 3판 연습문제 2장

♥북스토리♥ 2022. 4. 29. 14:28
반응형

< Chapter 02 >


(1) ( 요소 )는 HTML 페이지를 구성하는 각 부품입니다.

(2) ( 태그 )는 요소를 만들 때 사용하는 작성 방법입니다.

(3) ( 주석 )은 프로그램 실행에는 영향을 미치지 않고 설명용으로 사용하는 코드를 의미합니다.

(4) ( 스타일시트 )는 마크업 언어가 표시되는 방법을 기술하는 언어로 HTML 페이지의 스타일을 지정할 때 사용합니다.

(5) ( 자바스크립트 )는 HTML 페이지에서 사용하는 프로그래밍 언어를 의미합니다.

02 다음 질문에 OX를 표시하시오

(1) HTML 태그는 반드시 내부에 무언가를 포함해야 합니다. ( X )

(2) HTML 태그는 내부에는 텍스트만 입력 할 수 있습니다. ( X )

(3) html 태그의 lang 속성은 구글 등 검색 엔진에 문서의 언어 정보를 알려 줄 때 사용됩니다. ( O )

03 다음 HTML 요소의 속성 이름과 속성 값, 태그 이름을 모두 적으시오.

<img title="바다" alt="sea" src="sea.png">

속성 이름 : title, alt, src / 속성 값 : 바다, sea, sea.png / 태그 이름 : img

04 다음 중 head 태그 내부에 입력할 수 없는 태그는? ( 4번 header 태그 )

1. style 태그 2. base 태그 3. meta 태그 4. header 태그

head 내부에 넣을 수 있는 태그 :　mata, title, script, link, style, base

05 HTML5 기본 페이지 형태는 다음과 같습니다.

빈칸에 들어갈 알맞은 내용을 적으시오.

< ① >　①< !DOCTYPE >
< ② >　②< html >
< ③ > ③< head >
<title>HTML5 Basic
/③< /head >
< ④ > ④< body >


/④< /body >
/②< /html >

06. 다음 코드에서 잘못된 부분을 찾아 바르게 수정하시오.

<!DOCTYPE html>
	<html>
	<head>
		<title>HTML5 Basic</title>
		<style src="outer_stylesheet.css"></style>
		<script src="outer_javascript.js"></script>
	</head>
	<body>

	</body>
	</html>

수정 부분 : 

<style src="outer_stylesheet.css"></style>

수정 후 : 

<link rel="stylesheet" href="outer_stylesheet.css"></link>

07. 아직 어떤 HTML 태그가 어떤 기능을 하는지 배우지 않았지만, 기본 예제를 입력하면서 h1이라는 태그를 사용하면 굵은 글씨를 출력 할 수 있음을 알았을 것입니다. 이를 활용해서 간단한 생각을 표현해 보시오.

<!DOCTYPE html>
<html>
<head>
           <title> HTML5 Basic</title>
</head>
<body>
           <h1> 다음 장부터 HTML5를 공부해봅시다.</h1>
           <h1> 처음에는 외울 것이 많다고 생각해서 어렵게 느껴지겠지만</h1>
           <h1> 차근차근 공부해봐요...!</h1>
</body>
</html>









반응형