HTML을 공부하며 배운 내용.

우선 HTML을 사용하기 위해 Visual Studio Code를 설치를 하고 공부를 하게 되었다.
초반에는 기본적인 HTML과 CSS 그리고 JS(자바스크립트) 이 세가지의 기본적인 구성요소를 알아보았는데 사람으로 치면 HTML은 뼈대와 같은 모습이고 css는 뼈대의 형태를 구성하는 근육이라고 생각하면 되며 자바스크립트는 인간의 뇌에 비유해서 간략적으로 이렇게 이해 할 수 있다.

HTML은 브라우저에서 보여지는 content, list, image 등을 나타내어주는 가장 중요한 요소이다. css는 이들의 구성을 좀 더 사람들로 잘 보여지게끔 꾸며지는 역할을 하는데 예를들면 text의 색깔 image의 크기 등을 조절하는 역할을 해 줌으로써 사용자에게 보기좋게 해주는 역할을 한다고 생각하면 접근하기 편한 느낌이다. 한마디로 HTML로만 웹을 구성할 수 있지만 CSS는 HTML이 없이는 아무것도 할 수 없다.

그럼 지금부터 본격적으로 오늘 HTML을 공부하며 익힌 것들을 한번 정리해 본 내용이다.

html은 어떤 내용을 작성하든 브라우저에서 그 내용을 볼 수 있다.
즉 html에 맞는 코드를 올바르게 작성했다면 브라우저는 코드를 제대로 이해했을 것이고 코드가 규칙대로 작성 되었다면 브라우저가 그에 맞게 동작을 변경할 것이다.
<></> 보통의 테그는 이런식으로 작성을 할 수 있다. 태그를 작성 할 때 올바른 text와 올바른 위치에 맞는 테그를 사용하면
브라우저에서 보여지는 게 다르다. 하지만 올바르게 작성하지 않더라도 브라우저에게 text로 보여지기 때문에 무엇이 문제인지 알기 쉽지 않다는 장점이 될 수 있지만 단점이 될 수 있다.

h1은 header number1의 약자로 글씨의 크기를 정해준다. 이 있는데 n은 1~6까지 사용 가능하며 숫자가 커질수록 글씨의 크기는 작아진다. 그이후 숫자도 사용이 가능하지만 브라우저입장에서는 이해하지 못하므로 그냥 평범한 텍스트가 된다.

<h1>안녕</h1>
<h2>안녕</h2>
<h3>안녕</h3>
<h4>안녕</h4>
<h5>안녕</h5>
<h6>안녕</h6>
<h7>안녕</h7>
안녕

위의 코드로 작성하게 되면 브라우저에서는 아래의 사진처럼 나타난다.

의 테그는 브라우저에서는 인식되지 않아 테그되어있지 않은 안녕과 같은 형태로 나타나게 된다.

ul은 unordered list의 약자로 정렬되어 있지 않은 리스트라는 뜻
ol은 ordered list의 약자로 숫자에 맞게 리스트를 정렬해준다.
li는 list item의 약자로 각각의 리스트를 구분해준다.

<h3>음식 리스트</h3>

<ul>
    <li>소고기</li>
    <li>돼지고기</li>
    <li>불고기</li>
</ul>

<ol>
    <li>소고기</li>
    <li>돼지고기</li>
    <li>불고기</li>
</ol>

위 코드처럼 작성하게 되면

이런식으로 음식 리스트와 ul테그에 있는 음식들은 정렬되지 않은 채 표시가 되고
ol테그에 있는 음식들은 숫자로 정렬되어 표시가 된다.

a는 anchor의 약자로 다른 웹사이트로 이동하는 방법이다 (link 라고 생각하면 됨)
a의 속성에는 href와 target이 있는데
여기에 링크를 클릭하는 방법은 href="링크주소"를 같이 써주면 된다, href는 HTTP reference 혹은 hyperlink reference의 약자임.
href="" target=""의 target은 href의 주소를 클릭할때 이동하는 페이지인데 기본으로는 target="_self"로 되어있지만
target="_blank" 로 입력하면 현재 사이트가 아닌 새 사이트가 자동으로 열린다.

<li>
    <a href="http://naver.com" target="_self">
        네이버 바로가기!
    </a>
</li>

<li>
    <a href="http://naver.com" target="_blank">
        네이버 바로바로가기!
    </a>
</li>

위 코드처럼 작성하게 되면

사진과 같이
네이버 바로가기!
네이버 바로바로가기!가 나타나는데
네이버 바로가기!를 클릭하게 되면

위 사진처럼 사용하던 브라우저에서 바로 이동하게 되지만
네이버 바로바로가기!를 클릭하게되면

위 사진처럼 새로운 창에 네이버사이트로 가게된다.
이처럼 target을 _self로 설정하는지 _blank로 설정하는지에 따라 달라진다.

이미지는 다른 기능들과 다르게 테그가 하나이다. 그 이유는 이미지는 사진만 넣을 뿐 그 사이에 텍스트가 없기 때문이다.
이미지를 넣기 위해서는 src="이미지 링크 주소"를 같이 넣어주면 된다.ex)<이미지 src=" " />

<img src="https://nomadcoders.co/m.png"/>

위 코드처럼 작성하게되면

이런식으로 해당링크에 있는 이미지가 나타나게 된다.

여기까지 기본적인 HTML의 기본 동작에 대해서 알아보았다.

여기까지 배운내용을 바탕으로 갑자기 내가 자주가는 사이트들을 리스트로 정리해서 저장해 놓으면 많이 편리하겠다는 생각에서 자주가는 사이트 리스트를 재미삼아 제작해 봤다.

<h1>내가 자주 가는 사이트 모음</h1>

<ol>
    <img src="data:image/png;base64,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"/>
        <li>
             <a href="http://google.com" target="_blank">
                구글로 바로가기 클릭!
            </a>
        </li>
    <img src="data:image/jpeg;base64,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" />
        <li>
             <a href="http://fow.kr" target="_blank">
                fow 바로가기 클릭!
            </a>
        </li>
    <img src="data:image/png;base64,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" />    
        <li>
             <a href="http://youtube.com" target="_blank">
                구글 바로가기 클릭!
             </a>
        </li>
    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAeFBMVEUAxzz///8AxjcAxCZQ0Gjc9N/m9+jR8dbQ9Ntp2YMAxjgAxCwAxTAAxTP7//3p+Osfy01R1HC068Hx/PTL8tVIz2O77cfF7ct/3pXX9d8Awx+L4aA70F+Y5KlJ0mqn6LcszVWh5rB024yH4Jtg2oBa1Xau6bwozVMQgS/cAAACxklEQVR4nO3c7W7aQBBG4Vm7QPGabwqBkBSSpr3/O6yUKi0EbK8NjTKvzvPbWnHixWInks0AAAAAAAAAAAAAAAAAAAAAAAAAQEORJ4kJS8WbrXRLxbdFP8FknjcuFVeTlJXWH5yYfQlphmXTUvnXpIV6zX+rm0ouHE+LhqW8F4Zl0010XxjuGhL9FzbtU/+FYbOtXUqgMNzXPugVCsMuq1lKonAzqllKojA81OxTjcLwWH0XRQr78oXhe+UHVCkMs6q7KFM4sYqfNjKFYV7xPNUprDoqChUuLu9TocKwuvgTXKkwPF3ap1KFF4+KUoVheeF5qlUY7s4TxQrH+7Ojolhh2JzdRLXC85GGXOHZSEOvsPfuJuoVhsNpomDhu6OiYmE/O/5po1h4OtKQLDzZp5qFx0dFzcLjkYZo4dFIQ7Xw3z5VLQzrt08sW/h3pKFb+DbS0C0My1y9MDxH9cLx61FRuTBsSvXC15GGdmHYZ+qF/VK9MByiemGYbdUL+87v4aT5ksPSdeGPRfM1CZd85sKXtOv8Fg63P9ULS0v4KrouHI0e1QstP6gXWt5XL8x26oUWH9QLrdyoF2a7sXihxWf1wtRjruPCwq7dp5+90Mon9UKLa/XCYpp2DvRbaOVQvdDyuXphMbpmn3ootNE1Iw0XhRavGGn4KCyy7kdFH4U2mqkXXjHS8FJoses+dVPYeaThptDivXqhld2Oio4KO440HBV2HGl4KrRt2n8MHRd2Gmm4Kuw00vBVaHGlXthhpOGssMNIw1th+5GGu8Iia7lP3RW2Pir6K2x7VHRYWBStjooOC1vuU4+FFg/qhRZ76oXZL/XCNiMNp4UtRhpeC7N96lHRa6HFO/VCyxNHGh9dWOx6gwSbl7r3ev5ZaZqy0GBQ9TK0/ybxjeWNgTd99zkAAAAAAAAAAAAAAAAAAAAAAAAACb8BlaxF0SY61+4AAAAASUVORK5CYII=" />
        <li>
            <a href="http://naver.com" target="_blank">
                네이버 바로가기 클릭!
            </a>
        </li>
</ol>

위 코드와 같이 입력하게되면

이렇게 내가 가고싶은 웹사이트들을 직접만든 브라우저를 통해 바로 이동할 수 있게끔 만들어 보았다.