반응형
Q>
<table> 태그의 rowspan과 colspan을 이용하도록 하자.
전자 우편 연락처에는 하이퍼 링크를 생성해서 연락처를 누르면 이메일을 송신하는 페이지로 연결되도록 하자.
A>
<!DOCTYPE html>
<html lang="en">
<head>
<title>sjisbmoc</title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="4"><img src="images/avatar-2027363_640.png" width="100"></td>
<td colspan="4">이 력 서</td>
</tr>
<tr>
<td rowspan="2">성명</td>
<td rowspan="2">안 기 웅</td>
<td colspan="2">주 민 등 록 번 호</td>
</tr>
<tr>
<td colspan="2">123456-1234567</td>
</tr>
<tr>
<td colspan="4">생년월일 1986년 01월 09일 (만 34 세)</td>
</tr>
<tr>
<td>주소</td>
<td colspan="4">경기도 화성시 산척동</td>
</tr>
<tr>
<td rowspan="2">연락처</td>
<td>집</td>
<td>02 - 123 - 1234</td>
<td rowspan="2">전자우편</td>
<td rowspan="2"><a href="mailto:ankiwoong@gmail.com">ankiwoong@gmail.com</a></td>
</tr>
<tr>
<td>핸드폰</td>
<td>010 - 123 - 1234</td>
</tr>
</table>
</body>
</html>
R>
|
반응형
'Python_WEB > HTML' 카테고리의 다른 글
[Ch2]HTML5 기본 요소 - 연습문제 8 (0) | 2020.11.03 |
---|---|
[Ch2]HTML5 기본 요소 - 연습문제 7 (0) | 2020.11.03 |
[Ch2]HTML5 기본 요소 - 연습문제 5 (0) | 2020.11.02 |
[Ch2]HTML5 기본 요소 - 연습문제 4 (0) | 2020.11.02 |
[Ch2]HTML5 기본 요소 - 연습문제 3 (0) | 2020.11.02 |