4장 연습문제

서술형문제

1. 문장을 가운데 정렬하는 방법을 아는 대로 서술하시오.

▶▶ <center>, <p align=center>, <div align=center>, <h4 align=center>

2. <h숫자> 태그와 <font> 태그의 글자크기 기본 값은 각각 얼마인가?

▶▶

<h숫자>	<h4>
<font>	<font size=4>

3. 특수문자 <, >를 표현하는 문자 엔티티는 각각 무엇인가?

▶▶

<	&lt;
>	&gt;

4. 위지웍 방식으로 작성한 그대로를 출력해 주므로 공백, 탭, 엔터 키가 자동으로 인식되는 태그는 무엇인가?

▶▶ <pre>

5. Black, White, Red, Yellow, Blue에 해당하는 16진수 칼라 표기명을 각각 순서대로 나열하시오.

▶▶

Black	White	Red	Yellow	Blue
#000000	#FFFFFF	#FF0000	#00FFFF	#0000FF

6. 문서의 글자색은 파란색, 배경색은 노란색, 문서 여백은 모두 0으로 설정할 때 사용되는 소스를 한 줄로 표기하시오.

▶▶ <body text=blue bgcolor=yellow leftmargin=0 topmargin=0>

7. <font> 태그의 상대크기 지정 방식은 기본 글자크기를 기준으로 크기가 결정된다. 그렇다면 기본 글자크기를 변경할 때 사용하는 태그는 무엇인가?

▶▶ <basefont>

실습형문제

1. Daum 문자 꾸미기

· 완성 파일 : C:/MyHome/Section2/Chap03/04ex02/daum.htm

ㆍ배경색 : #FFFFCC

ㆍ문장 : 전체 가운데 정렬

ㆍDaum 문자 : 글자크기 7, 글자체 : arical black

ㆍ글자색 한 글자씩 #FECE00, #FE8C14, #8CCA2D, #45AACE

ㆍhttp://www.daum.net 문자 : 기본글자크기보다 한 단계 작게, 글자색은 Blue

· 키포인트 : <body> 태그와 <font> 태그로 컬러 문서를 만든다.

<html>

<head>

<title>다음넷</title>

</head>

<body bgcolor=#FFFFCC>

<br><br><br><br><br><br>

<center>

<font size=7 face="arial black">

<font color="#FECE00">D</font>

<font color="#FE8C14">a</font>

<font color="#8CCA2D">u</font>

<font color="#4DAACE">m</font>

</font><br>

<font size="-1" color="Blue">http://www.daum.net</font>

</center>

</body>

</html>

2. 위지윅 방식으로 시 한편 소개하기

· 준비 파일 : C:/MyHome/Section2/Chap04/04ex05/poem_start.htm

· 키포인트 : 위지윅 방식으로 시 한편을 소개한다.

ㆍ문서 내용 : 작성한 그대로 출력되게 설정, 글자크기 기본+2단계, 글자체 서울소나무M

ㆍ제목 : <h2> 태그 이용, 크고 진하게 표시

ㆍ문서 배경색 : #CCFF99, 글자색 : Green, 좌/우 여백 : 300픽셀, 상단 여백 : 10픽셀

ㆍ마우스에 잠금 장치 설정

ㆍ문장 : 전체 가운데 정렬

<html>

<head>

<title> 류시화의 나무는... </title>

</head>

<body bgcolor=#CCFF99 text=Green leftmargin=300 topmargin=10 oncontextmenu="return false" onselectstart="return false">

<pre>

<font size="+2" face="서울소나무M">

<h2>나무는</h2>

...(이하 생략)

심화 연습 문제

1. 영화 ‘브리짓 존스의 일기’ 소개하기

· 준비 파일 : C:/MyHome/Section2/Chap04/04menu01/diary_start.htm

· 완성 파일 : C:/MyHome/Section2/Chap04/04menu01/diary_end.htm

· 키포인트 : 문단, 글꼴 태그로 문서를 꾸며본다.

<html>

<head>

<title> 브리짓 존스의 일기</title>

</head>

<body bgcolor=aliceblue text=navy leftmargin=100>

<h2 align=center>브리짓 존스의 일기 <font size=-1>(2001, Bridget Jones's Diary)</font></h2><br>

<b>&gt;&gt;기본정보</b>

<ul type=square>

<li>장nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;르 : 드라마 / 로맨스

<li>국&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;가 : 미국 / 영국 / 프랑스

<li>상&nbsp;&nbsp;영&nbsp;&nbsp;시&nbsp;&nbsp;간 : 105 분

<li>관&nbsp;&nbsp;람&nbsp;&nbsp;기&nbsp;&nbsp;준 : 18세 이상 관람가

<li>개&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;봉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;일 :	2001년 09월 01일

<li>비디오출시일 : 2002년 02월 23일

<li>공식홈페이지 : <u>http://bridgetjonesdiary.movist.com</u>

</ul>

<ul type=circle>

<li>감독 : 샤론 맥과이어

<li>출연 : 르네 젤위거 / 콜린 퍼스 / 휴 그랜트

<li>각본 : 헬렌 필딩

<li>제작 : 팀 베번 / 조나단 카벤디쉬 / 에릭 펠너

<li>음악 : 패트릭 도일

<li>촬영 : 스튜어트 드라이버그

</ul>

<b>&gt;&gt;태그라인</b> :

<i><font color="#0099CC">제 일기는 당신께만 보여드릴께요...</font></i>

<br><br>

<b>&gt;&gt;시놉시스</b>

<ul>

<font color="#0099CC"><i>

서른 두살의 노처녀 브리짓 존스. <br>

칼로리와의 전쟁에 몰두하고 완벽한 남자를 만나겠다는 희망을 간직한 그녀.<br>

어김없이 새해가 다가오고 그녀는 엄마의 성화로 부모님 댁에서 수다스럽고 참견하기 좋아하는 이웃들과 함께 명절을 보내야 하는데..

</i></font>

</ul>

<center>

Copyright &copy; 1999-2003 Movie World Co.,Ltd. All rights reserved. <br>

Contact webmaster for more information.

</center>

</body>

</html>