[JSP] html 예제 (ex01~ex04)
2022. 7. 18. 00:02ㆍJSP
728x90
💀 ex01. 문단태그와 텍스트 태그 등으로 애국가 1절을 웹브라우저에 출력하기
<h2><mark><애국가 1절></mark></h2>
<p>동해물과 백두산이 <i>마르고</i> 닳도록</p>
<p><ins>하느님이 보우하사</ins> 우리나라 <em>만세</em></p>
<p>무궁화 <b>삼천리</b> 화려강산</p>
<p><mark><del>대한사람</del></mark> 대한으로 길이 보전하세</p><br>
<hr>
💀ex02.
좋아하는 음식의 목록(4~5개)을 ul 태그로 웹브라우저에 출력하기
관심있는 여행지 목록(4~5개)을 ol 태그로 웹브라우저에 출력하기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>exercise02</title>
</head>
<body>
<h2><mark>맛있는 음식들</mark></h2>
<ul>
<li>마라탕</li>
<li>닭백숙</li>
<li>삼겹살</li>
<li>갈비탕</li>
</ul>
<h2><mark>가고싶은 여행지</mark></h2>
<ol>
<li>보라카이</li>
<li>아틀란티스</li>
<li>무릉도원</li>
<li>괌</li>
</ol>
</body>
</html>
💀ex03. table 테그로 웹브라우저에 표 출력하기
이름 나이 전화번호 취미
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<tr>
<th>이름</th>
<th>나이</th>
<th>전화번호</th>
<th>취미</th>
</tr>
<tr>
<td>김주현</td>
<td>23</td>
<td>010-1233-1222</td>
<td>집에있기</td>
</tr>
<tr>
<td>이지후</td>
<td rowspan="2">14</td>
<td>010-1111-2222</td>
<td>영상통화</td>
</tr>
<tr>
<td>김꾸벅</td>
<td>010-1111-2222</td>
<td>잠자기</td>
</tr>
</table>
</body>
</html>
💀 ex04. form 태그를 사용해서 회원가입 양식 만들기(아이디, 비밀번호, 이름, 연락처, 이메일)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원가입</title>
</head>
<body>
<h2>회원가입</h2>
<form>
아이디 : <input type="text" name="id" size="10"><br>
비밀번호 : <input type="password" name="pw" size="10"><br>
이름 : <input type="text" name="name" size="10"><br>
연락처 : <input type="text" name="tel" size="20"><br>
이메일 : <input type="text" name="mail" size="20"><br>
<input type="submit" value="회원가입">
</form>
</body>
</html>
'JSP' 카테고리의 다른 글
| [javascript] (0) | 2022.07.18 |
|---|---|
| [css] <style>태그, <link> 태그 - html에서 css파일 참조하기, 선택자(selector) (0) | 2022.07.18 |
| [JSP]html - 체크박스, 라디오버튼 (0) | 2022.07.17 |
| [JSP] form태그, input 태그, submit, reset, textarea (0) | 2022.07.17 |
| [JSP]html img태그 (절대경로, 상대경로) (0) | 2022.07.17 |