HTML/XML 2014 1학기 중간시험 문제 풀이

HTML/XML 2014 1학기 중간시험 문제 풀이

본 블로그의 자체 스타일로인한 부득이한 선택자 변경 안내

1. 일반선택자는 My 의 m을 붙여서 id선택자로 한다
2. HTML 태그명이 그대로 사용된 id 및 class 선택자는 앞에 m을 붙여서 사용한다.
3. ex) p -> #mp, #td -> #mtd , .table ->.mtable

---

글자 스타일 지정

글자 스타일 지정

1-1-1-4
2-1	2-2	2-3	2-4
		3-3-3-4

<title>하이퍼 링크 + img 태그</title>
  <style type="text/css">
  #mp
  {
    font: italic bold 40px 고딕체; 
    /* 이탤릭스타일 굵은 40픽셀 크기 고딕체  */
    color: green;
    /* 폰트 컬러 초록색*/
  }
  .mtable, #mtd
  {
    border:3px dotted;
    border-collapse: collapse;

  }
  </style>


<p><a href="http://www.knou.ac.kr" target="_blank">
<img src="http://ep.knou.ac.kr/images/portal/contents/logo.gif"></a></p>
<br clear="left">
<p><font size="7" color="blue" face="궁서체, arial, 돋움체">글자 스타일 지정</font></p>
<p id="mp">글자 스타일 지정</p>
<br />
<table class="mtable" width="250" height="200">
<tbody><tr>
  <td id="mtd" colspan="4">1-1-1-4</td>
</tr>
<tr>
<td id="mtd" rowspan="2">2-1</td><td id="mtd" rowspan="2">2-2</td><td>2-3</td><td id="mtd">2-4</td>
</tr>
<tr>
  <td id="mtd" colspan="2">3-3-3-4</td>
</tr>
</tbody></table>