본문 바로가기

Programming/HTML

내용 구분하는 화면

fieldsetLegendUlLi.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	// table은 틀을 잡기 위해 많이 사용
	<table>
		<tr>
			<td>
				<fieldset>
					<legend>전기포켓몬</legend>
					<ul>
						<li>피카츄</li>
						<li>에레브</li>
						<li>쥬피썬더</li>
					</ul>
				</fieldset>
			</td>
			<td>
				<fieldset>
					<legend>물포켓몬</legend>
					<ul>
						<li>꼬부기</li>
						<li>마릴</li>
						<li>잉어킹</li>
					</ul>
				</fieldset>
			</td>
			<td>
				<fieldset>
					<legend>불포켓몬</legend>
					<ul>
						<li>파이리</li>
						<li>리자드</li>
						<li>리자몽</li>
					</ul>
				</fieldset>
			</td>
		</tr>
	</table>

</body>
</html>

'Programming > HTML' 카테고리의 다른 글