HTML5

 

test.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>제주 이색 여행지</h1> <!-- 제목 태그 -->
<p>아일랜드 출신 임피제 신부가... </p><!--  문단태그 -->

<hr> <!-- 수평선 -->

<blockquote>  <!-- 인용문 -->
성이시돌목장은 ...
</blockquote>


<ul style="list-style-type: circle;"> <!-- 순서없는 리스트 -->
	<li>일반전화 : (국번없이) 1330</li>
	<li>휴대전화 : 010-3333-3333</li>
</ul>

<ol style="list-style-type:upper-roman; "><!--  <순서 있는 리스트 > -->
	<li>일반전화 : (국번없이) </li>
	<li>휴대전화 : 010-333-333</li>
</ol>


<h1>제주 올레</h1>
<dl>
	<dt>올레 1코스</dt>
	<dd>코스 : 시흥 초등학교 옆 ~ 광치기 해변</dd>
</dl>

&nbsp;&nbsp;&nbsp;코스 : 시흥 초등학교 옆 ~ 광치기 해변



</body>
</html>


 

=>

제주 이색 여행지

아일랜드 출신 임피제 신부가...


성이시돌목장은 ...
  • 일반전화 : (국번없이) 1330
  • 휴대전화 : 010-3333-3333
  1. 일반전화 : (국번없이)
  2. 휴대전화 : 010-333-333

제주 올레

올레 1코스

코스 : 시흥 초등학교 옆 ~ 광치기 해변

   코스 : 시흥 초등학교 옆 ~ 광치기 해변

 

 

 

table-2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" width="700px">
	<caption>표 그리기 연습</caption>
	<tr align="center">
	<!-- src="이미지의 경로" -->
		<td rowspan="4"> <!-- 세로셀병합 -->	
	</tr>
	
	
	<tr>  <!-- Table Row 테이블의 행 -->
		<th>이름</th> <!-- Table Header 테이블의 제목셀 -->
		<th>김철수</th>  <!--  Table Division 테이블 셀 -->
		<td>02-999-7777</td>
	</tr>
	
	<tr>
		<th>주소</th>
		<td colspan="3">서울 마포구 </td><!--  가로셀 합치기 -->
	</tr>
	<tr>
		<th>자기소개</th>
		<td  colspan="3">IT 취업준비생입니다.</td>
	</tr>
</table>



</body>
</html>

 

 

=>

표 그리기 연습
 
이름 김철수 02-999-7777
주소 서울 마포구
자기소개 IT 취업준비생입니다.

 

 

text-3.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<strong>주말</strong>마다 <b>시장</b>이 열립니다.<br/>
<em>아트마켓</em>이라고도 합니다.<br/>
<i>공연관람</i>을 할수 있습니다.<br/>
<i><b>공연관람</b></i>을 할수 있습니다.<br/>
<span>제주의 목장</span><!--   인라인 태그(줄바꿈이 없음) -->
<p>제주의 목장</p><!--  문단 태그(자동 줄바꿈) -->


<!-- edu.lifesoft.org/board/show.aspx?category=web&idx=80&page=2 -->

</body>
</html>

 

=>

주말마다 시장이 열립니다.
아트마켓이라고도 합니다.
공연관람을 할수 있습니다.
공연관람을 할수 있습니다.
제주의 목장

제주의 목장

 

 

 

 

 

 

 

about author

PHRASE

Level 1  머나먼나라

댓글 ( 4)

댓글 남기기

작성