00(HTML) 연습문제&실습과제01

[연습문제01]

그동안 학습한 내용을 기억을 되살리고 복습, 반복/숙달/숙지를 위한 시간 입니다. (스스로 연습문제와 실습과제를 풀어 보세요!!)

 

문제1.

HTML5 에서 없어진 사용하지 않는 태그 명령어는?

①head      ②meta      ③font      ④h1

 

 

 

문제2.

<a  (       ?)="http://edyoon.tistory.com" target="_blank">

위의 괄호 안에 들어가야 될 태그 속성 명령어는?

①src      ②href      ③url      ④utf-8

 

 

 

문제3.

웹브라우저의 제목 표시줄에 나타나는, 웹 문서의 제목에 해당하는 태그 명령어 요소는?

 

<                   ?>(^(oo)^) 윤샘 컴교실</                   ?>

 

 

 

 

 

 

 

문제4.

<meta> 태그에 모든 언어 문자와 특수 문자를 표현하기 위해서 다국어 환경에 적합한 문자 조합(character set)을 지정 합니다. 아래의 content 속성 값을 완성 하세요?

 

<!-- XHTML 1.0 -->

<meta http-equiv="Content-Type"

         content="text/html;charset=                    " />

 

 

 

 

 

 

문제5.

키보드의 줄 바꿈(Enter) 기능을 하는 태그 요소는?

 

 

 

 

 

문제6.

HTML 마크업 한 웹 페이지 저장 파일 확장자는?

 

htmlTest-01.                   

 

 

 

 

문제7.

HTML 또는 XHTML 코딩한 소스 설명에 대한 주석 형식에 맞게 양쪽 끝을 완성 하세요?

 

             HTML & XHTML 소스 설명 주석 달기             

 

 

 

 

 

 

문제8.

HTML에서 아래의(샘플 참고) 저작권 표시 특수문자 Copyright Symbol 을 표현하기 위한 Entity Name은?

 

 

©

 

 

 

 

문제9.

HTML에서 공백을 여러개 추가하기 위한...

Entity Number(Code)은?

 

 

 

 

문제10.

HTML 기본문법 규칙에 틀린 부분을 수정하세요!!

 

<p>윤샘컴교실<strong>HTML 기본문법</p>학습하기</strong>

 

 

 

 

 

 

 

 

 

 

 

 

 

+++++++

 

+ 외부 평가위원 방문, 이수자 현장 평가 실시+

 

 

 

 

 

 

[실습과제01]

 

 

(실습 문제1.)

일러스트 또는 포토샵에서 본인이 만든 웹 UI 아이콘을 추후 포트폴리오 제작에 사용할 수 있도록 완성도 높은 것 10개 이상 선별해서 개별 저장하고, 다른 아이콘 자료도 맘에 드는 것 10개 이상 선별하여 개별 저장 하세요...

 

제시 조건1: 아이콘 1개당, 파일 형식 3개 저장 (ai, gif, png)

 

제시 조건2: 아이콘은 일반적인 웹 사이트 사용 크기로 작게...

 

제시 조건3: 완성 이미지 파일 gif, png (배경 불투명/투명)

    

제시 조건4: 파일 저장명 --> 본인이름_01_영문명.확장자

(영문 파일명은 의미 있고, 알기 쉽게 정하기 - 네이버 사전 참고)

 

 

 

 

 

 

(실습 문제2.)

일러스트 또는 포토샵에서 본인이 제작 완성한 웹 UI 아이콘을 활용해서 아래의 제시된 7개 사이트를 각각 아이콘 이미지를 매개체로 하이퍼 링크를 구현해 보세요!!

 

제시 조건1: 메모장 실행해서 하드코딩으로 마크업 작업

 

제시 조건2: gif 3개, png 4개 (배경 불투명 3개/투명 4개)

 

제시 조건3: 파일 저장명 --> 본인이름_html_HyperLink.html

 

제시 조건4: 아래의 제시된 사이트로 7개 하이퍼 링크 구현

(다음, 네이버, 줌, 구글, 유튜브, G마켓, 윤샘컴교실)

 

 

 

 

 

 

 

(실습 문제3.)

실습 문제 3번에서 웹 아이콘 하이퍼링크 UI구현한 마크업 소스를 5대? 웹브라우저 에서 Cross Browsing Test!! 웹브라우저 간의 콘텐츠 표현 호환성 부분을 확인해 보고, 현재 시점으로 각각의 웹브라우저 버전?을 확인해 보기

 

 

 

 

 

(^(oo)^) 수고하셨습니다 !!

서ㄹ하 윤샘

 

 

 

▣ 윤샘 [http://edyoon.tistory.com] 컴교실 ▣