2012/09/09 - [Dev. HTML/JSP/Servlet] - HTML 기초 간단 정리 Quick List
2012/09/09 - [Dev. HTML/JSP/Servlet] - HTML 기본 태그 설명 및 예제
2012/09/07 - [Dev. 참고자료] - [이클립스 팁] 톰캣(Tomcat) 사용시 오라클(Oracle)이 설치된 경우 8080포트 충돌 해결 방법
2012/09/07 - [Dev. 참고자료] - [이클립스 팁] 이클립스(Eclipse)와 톰캣(Tomcat) 연동 및 웹프로젝트 실행
1. HTML 기본 태그 설명
<?xml version="1.0" encoding="EUC-KR" ?> <!-- 반드시 첫줄에 기입되어야한다. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--태그는 절대 대문자로 적지않는다! 소문자로만!!! -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<!-- MIME Type -->
<title>세상아!</title>
</head>
<body>
<!-- Tag <h1>(열린태그) </h1>(닫힌태그) : Markup language -->
<h1>안녕 세상아~!!!</h1>
<p>
<!-- 문단태그 -->
본문 영역 <!-- 아무리 띄어쓰기해도 하나만 인정 -->
<br /> <!-- 줄바꿈 -->
<본문 영역> <!-- 띄어쓰기 : non block space -->
<b>원조굵게</b> <strong>굵게!</strong><br />
<i>원조이탤릭</i> <em>이탤릭(누워서)</em>
</p>
<p>
두번째영역
</p>
<!-- 테이블은 메인페이지에서 사용금지 -->
<!-- 단점 1. 느리다. -->
<!-- 단점 2. 다른 태그들이 자리를 잡고 난 이후에 생성되면서 원래의 태그들을 밀어냄 -->
<table border="1">
<tr>
<th>구분</th>
<th>1열</th>
<th>2열</th>
<th>3열</th>
<th>4열</th>
</tr>
<tr align="center"> <!-- table row 행 -->
<th>1행</th>
<td rowspan="3" width="50" height="150">a1</td>
<td colspan="3" width="150" height="50">a2</td>
</tr>
<tr align="center"> <!-- table row 행 -->
<th>2행</th>
<td rowspan="2">b1</td>
<td colspan="2" height="50" >b2</td>
</tr>
<tr align="center"> <!-- table row 행 -->
<th>3행</th>
<td height="50" >c1</td>
<td rowspan="2">c2</td>
</tr>
<tr align="center"> <!-- table row 행 -->
<th>4행</th>
<td colspan="2" height="50">d1</td>
<td>d2</td>
</tr>
</table>
</body>
</html>
'Dev. 640시간 뭉개기 > 강의내용정리' 카테고리의 다른 글
| [WEB] 33일차 - 자바스크립트(이벤트, 구구단, 시계, 정규식 이용한 유효성 검사) (0) | 2012.09.18 |
|---|---|
| [WEB] 32일차 - HTML/CSS 구역 설정, 마우스 이벤트, 태그별 예제 (0) | 2012.09.12 |
| [자바] 30일차 - PL/SQL 의 기초, 자바 JDBC 연동 (0) | 2012.09.06 |
| [자바] 29일차 - JDBC (트랜젝션 처리, PreparedStatement, ResultSetMetaData) (0) | 2012.09.06 |
| [자바] 28일차 - JDBC (Java Database Connectivity) (0) | 2012.09.05 |