data-pantry 님의 블로그

  • 홈
  • 태그
  • 방명록

2026/04/20 1

AI를 이용한 티스토리 웹디자인 공부 - [DAY 2] DOM 트리와 시맨틱 태그

Day 2 — DOM Tree와 시맨틱 태그 (개념 재정립)오늘은 HTML을 '쓰는' 연습보다, 구조를 '읽는 눈'을 키우는 날입니다👉 일단 이것만• HTML = 텍스트 파일 그 자체• DOM = 브라우저가 그 텍스트를 읽고 만들어낸 구조체• CSS = 그 구조 안에서 꾸밀 대상을 찾는 방법📌 조금 더 풀면 이렇습니다:HTML은 결국 텍스트 파일입니다.브라우저는 이걸 받아서 화면에 그리기 위해 내부적으로 '구조'로 변환합니다. 이게 DOM입니다.CSS가 실제로 적용되는 대상은 원본 HTML 파일이 아니라, 브라우저가 만들어낸 이 구조(DOM)입니다.👉 어디에 CSS를 넣을지 찾으려면, 이 "구조(DOM)"를 읽을 수 있어야 합니다.1. DOM Tree = 단순 구조가 아니다많이들 헷갈리는 부분입니다..

코딩/웹디자인 12:40:37
이전
1
다음
더보기
프로필사진

data-pantry 님의 블로그

data-pantry 님의 블로그 입니다.

  • 분류 전체보기 (4) N
    • 상하수도공학 (1)
    • AI (1)
      • 제미나이 (1)
    • 프로그램 (0)
    • 정보 (0)
    • 캐드 (0)
      • 리습 (0)
    • 코딩 (2) N
      • 웹디자인 (2) N

Tag

토목설계 #상하수도 #하수도법 #수리해석 #자산관리 #스마트하수도 #엔지니어링 #BIM설계 #미국설계기준 #KDS, 웹작동원리 #SSR #CSR #티스토리 #스킨편집 #브라우저 #DNS #HTTP #웹개발입문 #프론트엔드 #코딩교육 #검색엔진최적화, 티스토리 #스킨편집 #DOM #HTML #시맨틱태그 #웹디자인 #SEO #프론트엔드 #코딩교육 #웹개발입문 #티스토리강좌 #검색엔진최적화,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바