새로운 파일 생성 > HTML File >
HTML 코드 작성 > 실행은 TomCat설치 후 Ctrl+F11 , Run on Server , TomCat 연결
>웹 브라우저로 결과를 볼 수 있음!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>목차</h1>
<h2>제 1장</h2>
<h3>1절. HTML의 역사........... 1</h3>
<h3>2절. Tag의 사용법 .......... 3 </h3>
<h3>3절. Tag의 종류 ............ 6 </h3>
<h3>4절. HTML의 요청과 응답 ... 10 </h3>
<h2>제 2장</h2>
<h3>1절. 줄변경 태그 ............ 15</h3>
<h3>2절. Markup 태그 ........... 20</h3>
<h3>3절. h 태그 .................... 24</h3>
<h3>4절. 선긋기 태그 ............. 30</h3>
<h3>5절. 목록 태그 .............. 34</h3>
<h2>제 2장</h2>
<h3>1절. 이미지 태그 ............. 40</h3>
<h3>2절. 테이블 태그 ............. 42</h3>
<h3>3절. 프레임 태그 .............. 50</h3>
<h2>제 4장</h2>
<h3>1절. 자바스트립트 ............. 59</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- <style type="text/css">
hr { display:none; } 선 가리기
</style> -->
</head>
<body>
<hr> <!--회색 선-->
<hr color="#000FF">
<hr color="#FF0000" width="600"><!--px : 고정길이-->
<hr color="#FF0000" width="60%"><!--fx : 가변길이 : 브라우저 크기에 따라-->
<hr color="#499851" width="50%" size="40">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<strong>순서목록</strong>
<!-- <ol> -->
<ol type="1"> <!-- type="1,a,A,i,I" -->
<li>Java SE</li>
<li>Oracle DBMS</li>
<li>JDBC</li>
<li>Project</li>
<li value="100">HTML</li> <!-- li value="100" 특정 값 부터-->
<li>CSS</li>
<li>JavaScript</li>
</ol>
<strong>도형목록</strong>
<!-- <ul> -->
<ul type="circle"> <!-- type="disc,circle,square -->
<li>가는데 순서없다</li>
<li>가는데 순서없다</li>
<li>가는데 순서없다</li>
<li>가는데 순서없다</li>
<li>가는데 순서없다</li>
</ul>
<dl>
<dt>HTML</dt>
<dd>웹 페이지의 구조를 정의하는 마크업 언어</dd>
<dt>CSS</dt>
<dd>웹 페이지의 스타일을 지정하는 스타일시트 언어</dd>
<dt>JavaScript</dt>
<dd>웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어</dd>
</dl>
</body>
</html>
'HTML' 카테고리의 다른 글
| [HTML] URL첨부<a href="">, 테이블 작성 <table,thead,tr,th,td> & rowspan,clospan (0) | 2025.04.18 |
|---|