HTML list and div tag

kimdong215·2021년 6월 19일
0

사실 HTML쪽 내용은 별 게 없어서 한글로 쓸 것이 없다.
이제 그냥 코드만 기록해봐야지.

Section 1: Introduction to HTML

HTML list and div tag

간단하다 !

아 새로나온 태그는
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>

위 코드의 결과물은 다음과 같다.
아 참고로 아래 소개한 것에 대해서 시간이 얼마나 걸릴지는 모르겠지만 전부 다뤄볼 생각이다 !

끝 !

profile
Junior GIS/RS

0개의 댓글