본문 바로가기

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' 카테고리의 다른 글

신호등 div를 활용하여 그리기  (0) 2020.02.19
ol type 변경  (0) 2020.02.19
리스트 가리기 (details), 리스트  (0) 2020.02.18
화면 가운데, div 가운데 정렬  (0) 2020.02.18
글씨체, 폰트, 구글 검색하여 변경  (0) 2020.02.18