내가 보려고 만든 HTML/CSS 메모장

yengni·2022년 7월 1일
0

메모장

목록 보기
1/2

🌸 박영웅 강사님의 HTML/CSS 강의를 들으면서 다시 한번 기억해야할 내용을 정리해봤습니다 :)

rel = 파일과의 관계
href = 가져올 문서의 경로

🌱 상대경로

./ = 현재 위치의 주변폴더 (생략가능)
.. / = 현재 위치의 상위폴더 , 밖으로 폴더를 빠져나가는 것

나의 컴퓨터에서 개발하는 것을 로컬환경이라고 한다.

🌱 index 특징

-브라우저는 index라는 이름의 html을 자동으로 찾는 특징을 가지고 있다.

<a href="/about/index.html">About</a>
➡️ index.html을 쓰지 않고 생략해도 자동으로 index.html 파일을 찾는다

🌱 빈 태그

-빈 태그 종류에는 <태그>와 </태그>가 있다.

  • <태그> : HTML 1/2/3/4/5 편리하다
  • </태그> : XHTML/HTML5 안전하다

🌱 인라인 요소

: 글자를 만들기 위한 것

  • 수평으로 쌓인다.
  • 글자로 취급해서 가로(width)와 세로(height) 크기를 지정하지 못한다.
  • margin, padding 지정하지 못한다.
    ex) img, a, span(의미는 없고 단순한 구분을 위한 태그)

🌱 블럭라인 요소

: 상자를 만들기 위한 것

  • 수직으로 쌓인다.
  • 인라인 요소에 비해 가로,세로와 margin,padding 값을 지정할 수 있다.
    ex) div, h1~h6, p, ul, li

🌱 인라인 블럭 요소

: 수평으로 쌓이지만 가로세로 값을 지정할 수 잇고 위아래 여백을 줄 수 있다.

profile
우당탕탕 비전공자의 FE 개발일지

0개의 댓글