HTML 기초

HTML 기초

전체적인 구조



head - 사용자에게 보이는 것은 없고 메타데이터의 집합
nav - 보통 body 위 상단에 위치, 네비게이션바,메뉴바의 역할
body - 사용자에게 보여지는 최상위
sidebar -> body의 양옆 side, 카테고리가 더 세분화될경우 사용하거나 목차에 사용
footer -> 맨 페이지의 아래, 보통 저작권이나 contact주소같은 기타정보를 보여줌

Box와 Item과 element

• Box와 Item

  

  Item은 보여지는 것들로 content를 의미한다.
  Box는 위 아이템을 담는 그릇을 의미한다.

• element

  

  아이템과 박스의 집합을 Element라고 한다.
  element = node

• Box - 기본구조

  정석적인 웹의 구조

• Box - section tag

  main의 section들

• Box - article tag

  article 반복가능한 세트(재사용가능한것)

• Item

  Item은 block과 inline으로 나뉜다.
  block 한줄에 하나
  inline 공간이 충분할 때 그 공간에 생긴다.

attributes

attributes를 이용하여 css와 javascript에 연결할 수 있다.

출처: 드림엘리↗️

HTML

👉 마크다운과 html에서 텍스트 정렬 2022.05.24

👉 마크다운과 html 에서 이미지 정렬 2021.05.07

👉 Markup(html)을 사용한 특수문자  ---  제목 2021.05.05

👉 HTML5 Data 속성 2021.04.03

👉 HTML의 다양한 태그 2021.04.02

👉 Visual studio code의 유용한 툴 2021.04.01

👉 HTML 기초 2021.04.01

Frontend

👉 pinia기본 2023.05.05

👉 github pages에서 vue router 404 에러 2023.04.03

👉 object의 변수인 경우 ref와 reactive 어느 것을 사용할까 2023.04.02

👉 Route 2023.04.01

👉 Template ref 2023.03.26

👉 provide와 inject 2023.03.25

👉 slots 2023.03.24

👉 nonProps 2023.03.23

👉 v-model을 통한 3depth 양방향 바인딩 2023.03.22

👉 emit, component와 v-model을 통한 양방향 바인딩 2023.03.21

👉 props 2023.03.20

👉 watch 2023.03.19

👉 양방향 바인딩 2023.03.18

👉 event Parameter 2023.03.17

👉 Scope와 Closure 2023.03.17

👉 classStyleBinding 2023.03.16

👉 computed 2023.03.15

👉 Ref와 Reactive 2023.03.14

👉 notion page를 웹사이트에 삽입하기 2022.01.25

👉 간단한 반응형 메뉴갖는 웹 만들기 2021.08.04

👉 Json 2021.04.16

👉 Javascript 배열 2021.04.15

👉 Javascript 객체 2021.04.14

👉 Javascript 클래스 2021.04.13

👉 Javascript 함수 2021.04.12

👉 Javascript 변수심화 2021.04.11

👉 Javascript 변수 2021.04.10

👉 CSS Centering 2021.04.09

👉 CSS flexbox 2021.04.08

👉 CSS 변수 2021.04.07

👉 CSS Size 2021.04.06

👉 CSS layout 2021.04.05

👉 CSS 기본 2021.04.04

👉 HTML5 Data 속성 2021.04.03

👉 HTML의 다양한 태그 2021.04.02

👉 Visual studio code의 유용한 툴 2021.04.01

👉 HTML 기초 2021.04.01