코코아톡 클론코딩(2일차)

오늘도 화이팅

1. 파일, 폴더 이름은 소문자로 작성. !대문자 사용 엄금! 다른 작업이나 프로그램을 이용할 때 문제 발생 가능

2. .html을 생성 후, 아무 텍스트나 입력해도 브라우저에서는 전부 content로 생각해 출력해줌. ==> 프로그래밍 언어에서 컴파일러가 에러띄워주는 것이 없다는 것이 특징이다.

3. 이전에 다룬 내용 중, html 이 브라우저에게 웹 페이지의 구조를 전달하는 문법이라고 했는데 이것이 HTML Tag 임. tag 내부에 텍스트를 넣는 것도 당연히 가능.

   <food>김치</food>
   <name>YBK</name> 안녕하세요
   

4. 태그 내부에 텍스트를 작성해야함. 태그 외부에 있는 것은 태그에 속하는 내용이 아님!

   <h1>hello</h1>
   <h2>hello</h2>
   <h3>hello</h3>
   <h4>hello</h4>
   <h5>hello</h5>
   <h6>hello</h6>
   

5. 실제 웹사이트에서 보면, 다른 태그에 포함된 Hello 마다 글씨체가 다를 것. 태그 잘 닫기!

6. 여기서 을 하면 될까?? ==> 안된다. 존재하지 않는 tag. 내가 임의로 사용할 수는 있지만 브라우저 입장에서는 아무런 태그를 사용하지 않은 것과 동일한것.

   <ol>
       <li>1234</li>
       <li>5678</li>
   </ol>
   
   <ul>
       <li>1234</li>
       <li>5678</li>
   </ul>
   

7. ol == ordered list, ul == unordered list, li == list item

8. 유용한 Extension “Prettier”, 설정 들어가서 “format on save” 활성화 하고 “editor.defaultFormatter” 찾아서 Prettier 로 설정해줘야 적용됨.

   <h1>hello!</h1>
   <a href="https://google.com" target="_blank">go to google</a>
   <img src="#">
   

9. 과 달리, 에는 href 라는 것이 추가되어있음. 이것을 attribute 라고 부르며, 태그마다 사용가능한 attribute 가 정해져 있음. href 를 h1 에 해봐도 링크가 생기지 않을 것임.

10.