html 을 이용한 홈페이지 구축

소개글

몸만들기 카페 입니다
헬스 운동에 관한 소개를 구축한 홈페이지 입니다
깔금하게 잘만들었습니다. ㅅㄱ

목차

없음

본문내용

*Masthead

<H> 속성을 사용하여 홈페이지의 main 메뉴들을 한눈에 볼수있도록 코딩하였습니다.
몸짱카페라는 홈페이지명과 하위메뉴인 몸짱 신드롬, 몸짱 운동법 ,몸짱 식이요법, 몸짱 영상, 몸짱 영상이 있습니다.
<div id="masthead">
<h1 id="siteName">몸짱 카페 </h1>
<div id="globalNav">
<a href="syn.html">몸짱 신드롬</a> | <a href="ex1.html">몸짱 운동법</a> | <a href="diet.html">몸짱 식이요법</a> | <a href="avi.html">몸짱 영상</a> | <a href="f.html">몸짱 자료</a>
</div>
</div>

*Content

콘텐츠 부분에는 메뉴에서 선택된 항목의 데이터가 출력될수있는 공간으로 사용하였습니다.
이곳을 통해 운동법과 동영상을 볼수있습니다.
폰트 스타일로는 font-family: 맑은 고딕 , font-size: large , font-size: small 를 사용하였습니다.
body,td,th {
font-family: 맑은 고딕;
}
body {
background-image: url();
}
.style1 {font-size: large}
.style2 {font-size: small}

내용부분 소스

<div id="content">
<div id="breadCrumb">
</div>
<h2 align="left" id="pageName">몸짱 신드롬 </h2>

참고 자료

없음

압축파일 내 파일목록

26-1-0921519061.jpg
2col_rightNav.css
avi.html
avi1.html
avi2.html
banana.jpg
diet.html
diet.jpg
diet1.html
e1.gif
e10.gif
e11.gif
e12.gif
e13.gif
e14.gif
e15.gif
e2.gif
e3.gif
e4.gif
e5.gif
e6.gif
e7.gif
e8.gif
e9.gif
ex1.html
ex10.html
ex11.html
ex12.html
ex13.html
ex14.html
ex15.html
ex2.html
ex3.html
ex4.html
ex5.html
ex6.html
ex7.html
ex8.html
ex9.html
f.html
main.html
syn.html
Thumbs.db
_notes/2col_rightNav.css.mno
웹프로그래밍.docx
웹프로그래밍발표자료.pptx

전체 목록 보기