[HTML/CSS] 코코아톡 클론코딩(1) - tags & attributes

2021.09.23
코코아톡 클론코딩 강의를 복습차원에서 다시들음.

#2.0 - file

초장부터 에러가 나지 않으려면...?

1. VSC 에서 연 경로안에 폴더가 들어가 있어야 한다.
2. 폴더명은 소문자여야만 한다.
3. 파일명도 소문자여야 한다.

#2.3 - list tag

1. ol(ordered list): 순서가 있는 목록
2. ul(unordered list): 순서가 없는 목록
3. li: 리스트 아이템 표시

#2.4 - tags & attributes

tag에 추가하는 부가적인 정보

1/ tag: a(anchor=link) & attribute: href

다른 웹사이트로 이동할 수 있게 해주는 tag
아래 예시처럼 href 라는 attribute를 사용해야한다.

<a href="이동할 url">링크이름</a>

2/ self-closing tag: img & attribute: src

아래 예시처럼 src 라는 attribute를 사용해야한다.

<img src="이미지 url"/>

이미지 url 이외에도 같은 폴더에 저장된 jpg 사진파일로 지정할 수도 있다.
but, 같은 폴더내에 하위폴더 안에 jpg 사진파일이 들어가 있는 경우는 아래참고.

<img src="하위폴더/사진.jpg" />