HTML5 웹 프로그래밍 입문 3판 3장 연습문제 정답 :: Leirbag (tistory.com)
01 다음 괄호 안을 채우시오
h는 (heading) 의 약자 입니다. //제목글자
p는 (paragraph)의 약자입니다. // 본문 문단 생성
br은 (break) 의 약자 입니다. // 줄 바꿈
hr은 (horizontal rule)의 약자입니다. // 수평줄 삽입
a는 (anchor)의 약자입니다. //하이퍼링크 생성
href는 (hyper reference)의 약자입니다
b는 ( bold)의 약자 입니다
i는 ( italic) 의 약자 입니다
sub는( subscript) 의 약자 입니다 // 아래 첨자
sup는 ( superscript) 의 약자입니다 // 위 첨자
ins는 ( insert)의 약자입니다 // 밑줄 글자
del은 (delete) 의 약자 입니다 / 취소선이 그어진 글자
ul은 ( unordered list) 의 약자 입니다 // 순서가 없는 목록 생성
ol은 (order list) 의 약자입니다 // 순서가 있는 목록 생성
li은 ( list item) 의 약자입니다 // 목록 요소 생성
tr은 (table row) 의 약자입니다 //표에 행 삽입
th (table heading) 의 약자입니다 // //표의 제목셀 생성
td (table data) 의 약자 입니다 // 표의 일반 셀 생성
HTML의 본문에 공백을 여러 번 넣고 싶을 때는 ( ) 를 사용합니다.
HTML의 본문에 < 기호를 넣고 싶을떄는 ( < ) 를 사용합니다 Less-than sign
HTML의 본문에 > 기호를 넣고 싶을 때는 (> ) 를 사용합니다 Greater -than sign
HTML의 본문에 & 기호를 넣고 싶을 떄는 ( & )를 사용 합니다
02 다음 질문에 OX를 표시하시오
(1) h1 태그가 가장 큰 제목 태그고, h6 태그가 가장 작은 제목 태그 입니다. (O)
(2) a 태그의 링크를 짖어할 때는 link 속성을 사용합니다 (X) // linkt 가아니라 href (hyper reference)
(3) 목록은 ul 태그와 ol 태그 내부에 lit 태그를 넣어서 만듭니다. ( O)
(4) 목록 내부에 목록을 중첩할 수도 있습니다 ( O)
(5) th태그와 td 태그의 rowspan 속성과 colspan 속성을 사용하면 마이크로소프트 워드 등 스프레드시트에 있는 셀 병 합 기능 처럼 테이블의 셀을 병합할 수 있습니다. ( O)
(6) img 태그, audio 태그, video 태그는 모두 텍스트 등 내용물을 가질 수 없습니다. ( X) // 텍스트 가능
(7) audio 태그, video 태그에 controls 속성을 지정할 때 표시되는 재생 제어 버튼들은 모든 웹 브라우저에서 모양 , 형태가 같습니다. ( X) 형태가 같지 않음
03 다음중 이미지의 대체 문자를 짖어할 때 사용하는 속성은?
3번 alt : 그림이 나오지 않을때 나올 문구 입력04 다음중 a 태그로 빈 링크를 만들 떄, href 속성에 일반적으로 사용되는 기호는?
1번 #05 다음 중 HTML5 표준에 없는 태그는?
4번 tcontent
table : 표 삽입
tfoot : 표의 바닥글 내용을 그룹화합니다.
thead: 표에서 헤더 내용을 그룹화합니다.06 다음 중 HTML5 표준에 없는 태그는?
1번 big HMTL4까지 있다가 사라짐
small : 작은글자
b : 굵은글자 bold
i : 기울어진 글자 italic07 다음중 autio 태그와 video 태그 내부에 넣어 웹 브라우저가 재생할 수 있는 파일 확장자 관련
문제를 해결할 때 사용하는 태그는?
2번 source :미디어 요소에 대한 여러 미디어 리소스 정의
웹 브라우저마다 지원하는 음악, 동영상 파일 확장자가 다른 문제는 source 태그로 해결08 클릭하면 다음 링크로 이동하는 a 태그를 작성하시오
1,2,3,4 만들어봄
<a href="[http://www.hanbit.co.kr">한빛미디어</a>](http://www.hanbit.co.kr">한빛미디어</a>)
<a href="[http://www.naver.com">네이버</a>](http://www.naver.com">네이버</a>)
<a href="[http://www.googole.com">구글메인</a>](http://www.googole.com">구글메인</a>)
<a href="[http://snu.ac.kr"](http://snu.ac.kr") style="background-color: cyan;">관악구산에있는거</a>09 다음과 같이 폴더를 구성 했을떄 클릭하면 웹 사이트로 이동하도록 이미지가 포함된 a 태그작성
이지만 그냥 그림과 사이트는 제맘대로 작성..
<img](https://www.naver.com"><img) src ="image.jfif">
html연결시
이런화면 나오고 1번쨰는 네이버 나오고 2,3번쨰는 여기 나옴
[김태희jpg - Google 검색
2021. 9. 11. · 익명 정보 커뮤니티 사이트. 이슈, 유머, 연예, 드라마, 미용, 패션, 만화, 애니, 게임, 재테크, 직장인, 스펙업, 노벨정원, 헐리우드, 스포츠 등.
10 다음과 같이 웹 페이지를 생성하시오
○결과값
11 다음 목록을 생성하시오
● 따듯한 음료
1. 커피
2. 녹차
3. 둥굴레차● 차가운 음료
1. 데자와
2. 솔의눈
3. 실론티이거 생각해낸거의 감동...ul>li>b+ol>li*3^^li>b+ol>li*3
○결과값
12 다음 표를 생성하시오
월래 문제에서는 배경색이 없는데 그냥 오늘 배운거라서 style 사용해서 넣어봤구
선생님이 사용한시emmet을 활용해서 시간을 줄이고 차근차근 줄여나갔습니다
근데 그렇게 하는것도 좋은데
그냥 일일이 썻어도 괜찮았을뜻
이거 사용해서 일일이 지워 나갔는데
이것만써서 하거나
이것사용해서 틀을 만든후 내가 입력해도 시간은 비슷했을뜻
<!DOCTYPE html>
<html>
<head>
<title>exercise12</title>
<style>
.span {
background-color:cyan;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td colspan="6" class="span">한국의차</td>
</tr>
<tr>
<td rowspan="6" class="span">Lorem.</td>
<td>인삼차</td>
<td rowspan="9" class="span">과일차</td>
<td>수정과</td>
<td rowspan="5" class="span">잎차</td>
<td>뽕잎차</td>
</tr>
<tr>
<td >당귀차</td>
<td >유자차</td>
<td>감잎차</td>
</tr>
<tr>
<td>생강차</td>
<td>구기자차</td>
<td>솔잎차</td>
</tr>
<tr>
<td>칡차</td>
<td>대추차</td>
<td>국화차</td>
</tr>
<tr>
<td>둥글레차</td>
<td>오미자차</td>
<td>이슬차</td>
</tr>
<tr>
<td >마차</td>
<td>매실차</td>
<td rowspan="4" class="span">Quibusdam!</td>
<td>두충차</td>
</tr>
<tr>
<td rowspan="3" class="span">Expedita!</td>
<td>보리차</td>
<td>모과차</td>
<td>영지버섯차</td>
</tr>
<tr>
<td>옥수수차</td>
<td>산수유차</td>
<td>귤강차</td>
</tr>
<tr>
<td>현미차</td>
<td>탱자차</td>
<td>쌍화차</td>
</tr>
</table>
</body>
</html>
솔직히 내가 생각한것도 있긴한데
인터넷검색하거나 마침 오늘 배운것들 코드 써놓은거 참고 많이함..ㅠ
'문입 밍래그로프 웹 5LMTH > Chapter03 HTML5 기본 태그' 카테고리의 다른 글
| Chapter03 HTML5 기본 태크 (0) | 2021.10.05 |
|---|