TIL (Today I Learned) 0329

1. URL, IP, PORT

  • URL(Uniform Resource Locator)
    네트워크상에서 자원이 어디 있는지를 알려주기 위한 규약. 흔히 웹 사이트 주소로 알고 있지만 컴퓨터 네트워크 상의 모든 자원 위치를 주소로 나타낼 수 있다.
    URL 주소 : https://velog.io/@etoile

  • IP(Internet Protocol)
    컴퓨터 네트워크 상에서 각 장치들의 고유 번호. 기기가 인터넷에 접속한 곳의 네트워크상 위치.
    ex) 220.95.233.172
    IPv4 : IP로 처음 대중화된 규약. 0-255 사이의 숫자 4개로 이루어져있다.
    IPv6 : 16진수 4자리가 8개 이어진 형태.

  • PORT
    포트는 번호로 구분되고 IP주소와 함께 쓰여 해당하는 프로토콜에 의해 사용되어 진다.

2. HTML Living Standard란?

3. Grouping Content

1) <ol> <ul> <li>
<ol> : ordered list, 순서가 있는 목록
<ul> : unordered list, 순서가 없는 목록
<li> : list item, 각 항목들을 나열하는 태그, ol와 ul 안에서만 사용가능

<ol>
<li>순서가 있는 목록은 이렇게 번호가 매겨지고</li>
<li>없는 목록은 점으로만 나타난다.</li>
</ol>
  1. 순서가 있는 목록은 이렇게 번호가 매겨지고
  2. 없는 목록은 점으로만 나타난다.

2) <dl> <dt> <dd> (사전처럼 어떤 것을 정의할 때 쓰여짐)
<dl> : definition list, 정의 목록
<dt> : definition term, 정의할 용어
<dd> : definition description, 용어 설명

3) <div>
레이아웃 나눌 때 사용. 블록타입 요소. article, section, header, nav 모두 div로 대신 사용할 수 있지만 대신할 태그가 없을 경우 사용하는 게 좋다.

4) <figure> <figcaption>
<figure> : 사진, 그래프 등을 캡션과 함께 쓰고 싶을 때 figure로 묶는다.
<figcaption> : 이미지에 캡션(설명) 추가

<figure>
	<img src="daisy.jpg" alt="데이지 꽃">
	<figcaption>
		길가에 데이지 꽃이 한가득 피어있다.
	</figcaption>
</figure>

5) <p>
단락을 표시하는 태그. 하나의 완결된 문단을 의미하기 때문에 p 태그 안에 자식으로 p를 또 사용하지 않으며, 줄바꿈의 용도로 사용해서도 안 된다.

6) <pre>
HTML에 작성한 그대로 화면에 표현. 코드를 표현할 때 유용하다.

<pre>
    function preTag(content){
      return content;
    }
    preTag(yeah);
</pre>

6) <blockquote> : 인용블록

기대와는 다른 현실에 실망하고, 대신 생각지도 않던 어떤 것을 얻고, 그로 인해 인생의 행로가 미묘하게 달라지고, 한참의 세월이 지나 오래전에 겪은 멀미의 기억과 파장을 떠올리고, 그러다 문득 자신이 어떤 사람인지 조금 더 알게 되는 것. 생각해보면 나에게 여행은 언제나 그런 것이었다.

<여행의이유> 김영하

6) <main>
문서의 주 컨텐츠를 나타낸다. 메인 안의 내용은 유일한 것이여야 한다.

6) <hr>
A horizontal rule. 원래는 가로줄 표현하기 위한 것이었으나 문단 안에서 주제가 변경 되었을 때 구별을 위해 사용한다.


새롭게 알게 된 것들

h${내용}*6
하면
<h1>내용</h1>
<h2>내용</h2>
<h3>내용</h3>
<h4>내용</h4>
<h5>내용</h5>
<h6>내용</h6>
이렇게 나온다.
h1+h2	이런식으로도
h1>p	가능하다.
<style>
    etoile {
        color: skyblue;
        font-size: 15px;
    }
</style> 이렇게 스타일을 따로 만들어서

<etoile>ohoh</etoile> 이렇게 쓰는 것도 가능..!

좋은 웹페이지 즐겨찾기