4-6. 자기소개 페이지 만들기

컴퓨터 IT/인터넷에 집짖기|2016. 8. 3. 23:40

⑤ 자기소개 페이지 만들기

① 태그 기본 구조 작성.
② 표태그 작성.
③ 표태그 ⓐ칸 작성.
④ 표태그 ⓑ칸 작성.




▶ 소스보기


① 태그 기본 구조 작성.
<html>
  <head>
    <title>메인페이지2 예제입니다.</title>
   </head>

  <body bgcolor="#000000">
  </body>
</html>		 ◀ Html 문서 시작.

◀ 브라우저 상단 제목.


◀ 본문 시작.
◀ 본문 끝.
◀ Html 문서 끝.

② 표태그 작성.
<table width="400" border="1">
<tr>
<td> ⓐ칸</td>
<td> ⓑ칸 </td>
</tr>
</table>
ⓐ칸 ⓑ칸


③ 표태그 ⓐ칸 작성.
<td><img src="image/conan01.gif" width="192" height="386"></td>
∫ (생략)
이미지 :



태그 강좌 : 이지지 태그 참조.


④ 표태그 ⓑ칸 작성.
∫ (생략)
<td valign="top">
<font color="#FFFFFF">
<ul>
<li> 이름 : 코난 (Conan)</li>
<li> 나이 : 12세(?)</li>
<li>혈액형 : 모름</li>
<li>특기 : 창던지기 등</li>
<li>취미 : </li>
<li> 개인기 : </li>
<li>장래희망 : </li>
</ul>
</font></td>
</tr>
</table>		 ■ <ul> 태그
태그 : <ul> <li> </ul>
<ul> 태그는 목록을 만들어 주는 태그.

예)
  • 이름 : 코난 (Conan)
  • 나이 : 12세(?)
  • 혈액형 : 모름
  • 특기 : 창던지기 등
  • 취미 :
  • 개인기 :
  • 장래희망 :




저작자표시 (새창열림)

'컴퓨터 IT > 인터넷에 집짖기' 카테고리의 다른 글

4-8. 추억록 페이지 만들기  (0) 2016.08.03
4-7. 친구들 페이지 만들기  (0) 2016.08.03
4-5. 메인페이지 만들기  (0) 2016.08.03
4-4. 메뉴페이지 만들기  (0) 2016.08.03
4-3. 상위페이지 만들기  (0) 2016.08.03

댓글()

티스토리툴바