Data/Data Engineering

[Data Engineering] HTML, CSS

밍츠 2022. 3. 25. 02:21

간단한 정리!

 

Front-end : website에서 보여지는 면

  • HTML : 웹 페이지의 뼈대를 구축
  • CSS : 웹 페이지에 디자인을 적용
  • JS (JavaScript) : 웹 페이지의 동작을 구현

1. HTML Tag

- 여는 태그와 닫는 태그 존재

ex) <html>~~ </html>

 

- Tag name : 

  • html, head, body, h1, p, span, li, ol, ul, div 등

- Tag Attribute (name & value) :

  • class, id, style, href, src

2. CSS

- Cascading Style Sheet

- Cascading 은 '폭포수 같은'이란 뜻으로 CSS가 태그에 여러가지 적용이 가능하다는 의미이다.

 

  • 태그 이름으로 선언 ex) li{ ~~}
  • 클래스 이름으로 선언  ex) .클래스이름{~~}
  • id로 선언 ex) #id{~~}

- class vs id :

  • class는 태그 중 일부에 적용하고, 클래스 태그로 여러개 사용이 가능하다.
  • id는 태그의 일부에 하나의 태그만 사용한다.