개발 수업/WEB

[HTML] 표만들기 예제

오늘 하루s 2023. 6. 20. 20:56
728x90
더보기

Day36. 230620

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>주요선택자</title>
</head>
<body>
	<h1>16개 성격유형</h1>
	<h2>정의</h2>
	<div>
	
	 16 Personalities는 Big5를 토대로 카를 융의 이론을 합쳐서 마이어스-브릭스 유형 지표(MBTI)식 명칭을 차용한 성격 유형 검사
	<br/><br/>
	
	<strong>테스트는 MBTI 테스트가 아니다.</strong> MBTI식 성격 유형을 사용하긴 하지만, 정확한 명칭은 NERIS Type Explorer이다.
	</div>
	
	<h2>성격유형</h2>
	<div>
		<!-- 유형정의 테이블시작 -->
		<div>
			<table border="1">
				<tr>
					<td>Extroverted (외향적)</td>
					<td>Introverted (내향적)</td>
					<td>여기서 E인지 I인지가 결정된다</td>					
				</tr>
				<tr>
					<td>	Intuitive (직관)</td>
					<td>Observant (감각)</td>
					<td>여기서 N인지 S인지가 결정된다</td>					
				</tr>
				<tr>
					<td>Thinking (사고)</td>
					<td>Feeling (감정)</td>
					<td>여기서 T인지 F인지가 결정된다</td>					
				</tr>
			</table>
		</div>
		<!-- 유형정의 테이블끝-->
		
		<!-- 분석가형,외교관형 테이블시작-->
		<div>
		<table border="1">
			<thead>
				<tr><th colspan="8">분석가형</th></tr>
			</thead>
			<tbody>
				<tr>
					<td colspan="2">Architect전략가</td>
					<td colspan="2">Logician논리술사</td>
					<td colspan="2">Commander통솔자</td>
					<td colspan="2">Debater변론가</td>
				</tr>
				<tr>
					<td>INTJ-A</td>
					<td>INTJ-T</td>
					<td>INTP-A</td>
					<td>INTP-T</td>
					<td>ENTJ-A</td>
					<td>ENTJ-T</td>
					<td>ENTP-A</td>
					<td>ENTP-T</td>
				</tr>
			</tbody>
		</table>
		</div>
		<!-- 분석가형,외교관형 테이블끝-->
		
	</div>	
</body>
</html>

 

728x90