bo97037 2015. 1. 19. 12:54

<html>
<head>
<title>문자열02형태</title>

</head>
<body>
이건 normal체를 만든다.
<b>이건 bold채를 만든다.</b><br>
<i>이건 이태릭체를 만든다.</i><br>
<u>밑줄은 그은 문자를 만든다</u><br>
<del>취소선을 만든다</del><br>
<s>취소선 만든다</s>
<sub>아래첨자를 만든다</sub>정말<br>
<sup>위 첨자를 만든다</sup>정말<br>
<hr><!--수평선을 긋는다.-->
<hr width="300" color="red" align="left">
<hr width="400" color="blue" align="right" noshade>
<h2>하이퍼링크를 걸어 봅시다.</h2>
<a>a태크를 이용하여 하이퍼 링크를 합니다...</a><p>
<a href="http://www.naver.com">네이버</a><p>
<a href="http://www.daum.net" target="_blank">다음</a><p><!--target을 하면 새창을 띄운다-->
<a href="http://www.google.com">구글</a><p>
<a href="http://localhost:9090/index.jsp">톰캣의 index.jsp</a>
<a href="mailto:bo97037@naver.com">관리자에게 메일 보내기</a><br>
<a href="#chapter7">제 7장으로 이동</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="chapter7">제 7장 시작부분</a><br>
<a href="#">Top으로 이동</a>
<a href="http://www.naver.com">
<img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif"></a>
</body>
</html>

 

 

<!doctype html>
<html>
 <head>

  <title>03이미지.html</title>
 </head>
 <body>
 <!--이미지 경로를 src에 세팅 ./현재 디렉토리-->
 
 <!--상대경로-->
  <img src="./images/a.jpg"/>
 <!--절대경로-->
  <img src="D:\\html\\images\\b.jpg"/>
 <!--local tomcat파일-->
  <img src="C:\apache-tomcat-7.0\webapps\ROOT\tomcat.gif"/>
  <img src="http://localhost:9090/tomcat.gif"/>
 </body>
</html>