city.css
0.00MB
<!-- *** CSS파일 적용하기 -->
<link type="text/css" rel="stylesheet" href="city.css"><html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- *** CSS파일 적용하기 -->
<link type="text/css" rel="stylesheet" href="city.css">
</head>
<body>
<!-- div 3개. id 3개로 묶어줌 -->
<div id="header">
<h1>City Gallery</h1>
</div>
<div id="nav">
London<br>
Paris<br>
Seoul<br>
</div>
<div id="section">
<h2>London</h2>
<p>
1888년 런던주(州)가 설치되었고, 1899년 시티오브런던을 제외한 지역을 28개의 행정구로 구분하여 런던 주청(州廳)이 통할하였다. 다만 런던 경시청(스코틀랜드 야드)은 주변의 여러 주에 미치는 수도경찰관구를 관할하였다. 1963년 런던 행정법에 의해서 1965년 런던 주청이 폐쇄되고, 대신 시티오브런던을 포함한 32개의 행정구로 구성된 그레이터런던 주청이 설치되었다.
</p>
<h2>Paris</h2>
<p>
프랑스의 수도이자 가장 인구가 많은 도시로 프랑스 북부 일드프랑스 지방의 중앙에 있다. 센강 중류에 있으며, 행정 구역은 1~20구로 나뉘어 있다. 센강을 기준으로 우안과 좌안으로 나뉜다. 17세기 이후 파리는 유럽의 금융, 외교, 상업, 패션, 과학, 예술 중심지다. 생활비가 싱가포르에 이어 세계에서 두 번째로 비싼 도시다. 샤를르 드골 공항과 오를리 공항이 있고, 유럽의 주요 철도, 고속도로, 항공 교통의 허브이며, 루브르 등 관광명소가 많아 관광의 중심지이기도 하다.
[네이버 지식백과] 파리 [Paris] (유럽지명사전 : 프랑스)
</p>
<h2>Seoul</h2>
<p>
한반도의 0.28%(남한 면적의 0.61%)에 해당하는 넓이로, 남북간 연장거리 30.30km, 동서간 연장거리 36.78km이다. 1394년(태조 3)부터 한국의 수도가 되어 정치·경제·산업·사회·문화·교통의 중심지가 되어 왔다. 1960년대 이후 경제발전과 함께 도시화가 진행되면서 통근 및 거주지역이 반경 30km 내의 주변 수도권에 광역적으로 확장되고 있어, 거대도시(Megalopolis)가 되고 있다. 서울 정도(定都) 600년인 1994년에 10월 28일이 서울시민의 날로 제정되어 이후 각종 행사가 열리고 있다. 1988년 국제올림픽이 열렸고, 2010년 G20, 2012년 핵안보정상회의가 열렸다.
</p>
</div>
<div id="footer">
Cyty@naver.com
</div>
</body>
<css>
#header{background-color: black;color:white;text-align: center; padding: 5px;}
#nav{
line-height: 30px;
background-color: #eeeeee;
height: 300px;
width: 100px;
float: left;
padding: 5px;
}
#section{
width: 800px;
float:left;
padding: 10px;
}
#footer{
background-color: black;
color: white;
clear: both;
text-align: center;
padding: 5px;
}
'JQuery' 카테고리의 다른 글
| 로그인 기초/ 입력받은 값을 링크로 jsp에 넘기기 (0) | 2020.07.16 |
|---|---|
| 기본코드 (0) | 2020.07.15 |
| 이벤트처리 (0) | 2020.07.15 |
| JQ//기본 document 내용 바꾸기 (0) | 2020.07.15 |
| 링크//JQuery , UI링크설정 (0) | 2020.07.15 |