고정 헤더 영역
상세 컨텐츠
본문
반응형
< 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>
반응형
'html 웹 프로그래밍' 카테고리의 다른 글
| HTML5 웹 프로그래밍 입문 3판 연습문제 6장 (0) | 2023.04.21 |
|---|---|
| HTML5 웹 프로그래밍 입문 3판 연습문제 5장 (0) | 2023.03.15 |
| HTML5 웹 프로그래밍 입문 3판 연습문제 4장 (0) | 2023.01.30 |
| HTML5 웹 프로그래밍 입문 3판 연습문제 3장 (0) | 2022.05.09 |
| HTML5 웹 프로그래밍 입문 3판 연습문제 1장 (0) | 2022.04.28 |
댓글 영역