사실 HTML쪽 내용은 별 게 없어서 한글로 쓸 것이 없다.
이제 그냥 코드만 기록해봐야지.
간단하다 !
아 새로나온 태그는
ul / ol / li / div 이다.
역시나 자세한 것은 구글로 !
<html>
<head>
<title>Welcome to GIS world!</title>
</head>
<body>
<!-- Adding basic Text in my html: start-->
<h1>My name is Junior GIS Developer</h1>
<h2>Nice to meet you!</h2>
<P>Here is some information about me</P>
<!-- List of subjects that I love:start -->
<!-- Un-ordered list -->
<p>Subject that I love</p>
<ul>
<li>Mapping</li>
<li>WebGIS</li>
<li>GIS; Geography Information System</li>
<li>GIS; Geography Information Science</li>
<li>RS; Remote Sensing</li>
</ul>
<!-- List of subjects that I love:end -->
<!-- How to study GIS: start-->
<p>How to study GIS</p>
<ol>
<li>Recognize Web/GIS/RS structure</li>
<li>Study theory</li>
<ul>
<li>Mapping</li>
<li>GIS, System</li>
<li>GIS, Science</li>
<li>RS</li>
</ul>
<li>Study Program/Language (In my course)
<ul>
<li>Basics of Web development
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
<li>Javascript / jQuery</li>
</ul>
</li>
<li>OpenLayers</li>
<li>Geoserver</li>
<li>Postgres</li>
<ul>
<li>PostGIS</li>
</ul>
<li>PHP - AJAX</li>
<li>Other mapping libraries</li>
<ul>
<li>Leaflet js</li>
<li>Mapbox GL JS</li>
</ul>
</ul>
</li>
<li>Enjoy study!</li>
</ol>
<!-- How to study GIS: end-->
<div>
<p>This p tag is inside a div tag</p>
</div>
<!-- Adding basic Text in my html: end-->
</body>
</html>
위 코드의 결과물은 다음과 같다.
아 참고로 아래 소개한 것에 대해서 시간이 얼마나 걸릴지는 모르겠지만 전부 다뤄볼 생각이다 !
끝 !