페이지주소 [http://multi.shingu.ac.kr/~2011125028/code/html/busuksa/busuksa.html]
예제03.zip
소스
<head> <title> 부석부석부석사 ㅋ </title> <!-- 위에 표시되는 제목 --> <link rel=stylesheet type="text/css" href="gy_style.css"> <!-- 글모양등을 따로저장한 파일로 링크한다 --> </head> <body> <center> <font><h2>부석사의 아름다운 모습들</h2></font> <!-- <h2>~</h2> 사이의글을 신문 헤드라인처럼 굵고 크게만듬 --> </center> <hr> <img src="busuksa.jpg" align=left> <!-- align은 정렬하는 속성이다. left:왼쪽 right:오른쪽 정렬 --> <font color="#00ccff">부석사</font> <p> <!-- 문단을 나눈다. 줄바꿈테그 2번 사용한것과 같은효과 --> 부석사는 676년 신라의 의상대사가 지었다고 한다. 이 절은 아주 높이 있어<br /> 서 올라가기가 힘이 들었지만 땀을 흘리며 올라서니 산아래 펼쳐진 경치가<br /> 너무나 아름다웠다. 방랑시인 '김삿갓'도 이곳에 올라 멋진 시를 한 수 남겼<br /> 다.<hr> <img src="muryang.jpg" align=right> <font color="#00ccff">부석사 무량수전</font> <p> 이곳은 아미타여래를 모신 전각이다. 우리 나라의 목조 건물중에서 두 번째<br /> 로 오래 된 것이다. 가운데 헌판은 '공민왕'이 쓴 것이다. 건물의 기둥이 너<br /> 무나도 멋있었다. [국보 제18호] 우리 나라에서 가장 오래된 목조건물은 봉<br /> 정사의 '극락전'이다.<br /> <hr> <br /> </body> |
<title>~</title> 사이의글을 홈페이지상단에 띄운다.
<link rel=stylesheet type="text/css" href="gy_style.css"> 글의 꾸밈등을 css 파일에 저장해두고 여러페이지에 일괄적으로 적용할 때 사용
내용 - body {font-size:9pt; color:navy; line-height:15pt; font-family:맑은 고딕;}
body의 글씨크기 9pt 색상:네이비 줄간격 15pt 글꼴 맑은고딕
<p> 문단을 나눈다. <br />테그 두번 사용한것과 같은 효과
'작업실 > HTML' 카테고리의 다른 글
| [HTML예제] 04 - 테이블의 사용 (0) | 2015.03.06 |
|---|---|
| [HTML예제] 02 - 이미지를 넣고 이미지나 글씨에 링크를 걸어보자 (0) | 2015.03.05 |
| [HTML예제] 01 - html의 시작 (글을 넣고 이미지를 넣어보자) (0) | 2015.03.05 |
