<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="city.css">
city.css파일//////////////////////////
@charset "UTF-8";
#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;
}
///////////////////////////
</head>
<body>
<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>
잉글랜드 남동부 템스강(江) 하구에서부터 약 60km 상류에 있다. 영국의 정치·경제·문화 그리고 교통의 중심지일 뿐만 아니라, 영국연방의 사실상의 중심도시다. 뉴욕·상하이·도쿄와 더불어 세계 최대 도시의 하나다.
1888년 런던주(州)가 설치되었고, 1899년 시티오브런던을 제외한 지역을 28개의 행정구로 구분하여 런던 주청(州廳)이 통할하였다. 다만 런던 경시청(스코틀랜드 야드)은 주변의 여러 주에 미치는 수도경찰관구를 관할하였다. 1963년 런던 행정법에 의해서 1965년 런던 주청이 폐쇄되고, 대신 시티오브런던을 포함한 32개의 행정구로 구성된 그레이터런던 주청이 설치되었다.
</p>
<h2>Paris</h2>
<p>
교외를 포함한 ‘파리 데파르트망(Department)’은 면적 2,844㎢, 인구 약 1,041만 명(2009)이다. 오랫동안 센 데파르트망의 수도였으나 1964년부터 파리만으로 독립 데파르트망이 되었다.
</p>
<h2>Seoul</h2>
<p>
서울이라는 말은 원래 수도(首都)라는 뜻을 가진 말이었지만, 현재는 대한민국의 수도를 가리키는 고유 명사가 되었다. 즉 서울특별시를 약칭할 때 서울이라고 함이 그것이다. 이 항목에서 다루는 내용은 고유 명사로서의 서울이 아니라 수도로서의 의미에 관해서이다.
</p>
</div>
<div id="footer">
City@naver.com
</div>
</body>
</html>
'HTML,CSS' 카테고리의 다른 글
| HTML(12) iframe (0) | 2018.07.29 |
|---|---|
| HTML(10)+CSS 파일 불러오기 (0) | 2018.07.29 |
| HTML(9)+CSS padding,display,border-radius, (0) | 2018.07.29 |
| HTML(8) + CSS ul,li,ol,dl,dt,dd (0) | 2018.07.28 |
| HTML(7)+CSS ,전체에 style주기 (0) | 2018.07.28 |
