반응형
이클립스에 서버 등록
1. 톰캣 설치
톰캣 8.0
2.이클립스 설정
1) 서버 런타임 환경 등록
2) Web(한글깨짐 방지)
- CSS - ENCODING UTF-8
- HTML - ENCODING UTF-8
- JSP - ENCODING UTF-8
3) 서버 추가하기
- NEW - server - tomcat 8.0 - finish
4)브라우저 선택
- window - window browser - IE선택
예제1.
project생성
- web - dynamic web project
- You should generate web.xml deployment descriptor check for servlet
- html은 WebContent에서 생성해야만 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>01-단어, 문장강조</title>
<!-- CSS 맛보기 -->
<style type="text/css">
span{
font-weight:bold;
color:#0000ff;
font-style:italic;
text-decoration:underline;
}
</style>
</head>
<body>
<!-- font 태그 사용법 -->
<div>
<font size="1">크기 = 1</font>
<br/>
<font size="3" color="#ff6600">크기 = 3, 색상 = 오렌지</font>
<br/>
<font size="5" face="맑은고딕">크기 = 5, 글꼴=맑은고딕</font>
<br/>
<font size="7" color="#0000ff" face="궁서">크기 = 7, 색상=파랑, 글꼴=궁서</font>
</div>
<hr/>
<!-- font 태그 중첩 사용 -->
<div>
<font size="3" color="#003300" face="굴림">
폰트태그는
<font size="5" color="#ff0000" face="궁서 ">중첩사용</font>
도 가능합니다.</font>
</div>
<hr/>
<!-- 글자의 모양 -->
<div>
<strong>글자를 굵게 표시합니다.</strong>
<br/>
<u>글자에 밑줄을 표시합니다.</u>
<br/>
<i>글자에 기울임을 표시합니다.</i>
<br/>
<strong><u><i>글자에 모양을 의미하는 태그 역시 중첩이 가능합니다.</i></u></strong>
</div>
<hr/>
<!-- 단어나 문장의 영역 지정 -->
<div>
<span>SPAN</span>태그는
<span>문장 단위로 텍스트 영역을 지정하는 것</span>인데,
그 자체로는 아무 역할도 하지 않고,
문장의 특정 구역에 <span>CSS 스타일</span>을 지정할 때 사용합니다.
</div>
</body>
</html>
반응형
'IT > Programming' 카테고리의 다른 글
| HTML - INPUT TYPE(TEXT,PASS,MEMO,HIDDEN,CHECK,RADIO) (0) | 2023.04.18 |
|---|---|
| HTML - Image, Link (0) | 2023.04.18 |
| HTML 기본구조 (0) | 2023.04.18 |
| HTML 개념 (0) | 2023.04.18 |
| <Nattable> FreezableGridExample (0) | 2023.04.17 |
