< Code diaries />

DOM(Document Object Model)  HTML을 코딩하는 것을 마크업 한다고합니다. 모든 태그는 컨텐츠 요소로 다른 태그를 포함할 수 있는 중첩구조를 가지게 됩니다.그러다보면 처음에 열린 태그, 두번째 열린태그 등.. 계층구조를 가지며 DOM 트리구조를 형성하게 됩니다.DOM 트리구조를 이해해야 CSS에서 HTML을 선택할 때에도 잘 이해할 수 있게 됩니다.단, 빈요소(Empty Element) 태그는 다른 태그를 컨텐츠요소로 포함 할 수 없습니다.  중첩코딩  Hello, HTML Menu 1 Menu 2 Menu 3 Let's coding. Important content             ..

HTML(Hyper Text Markup Language)HTML 웹문서는 브라우저에서 읽을 수 있는 텍스트로 이루어진 마크업 언어입니다.일반 문서를 만들듯이 큰제목, 두번째 제목... 내용, 이미지, 섹션, 머릿말, 꼬릿말등 계층구조에 맞춰서 시각적인 요소와 상관없이도 계층구조가 맞게 마크업을 하는 것이 중요하고, 이것을 우리는 웹표준이라고 합니다.100% 웹표준이라는 말은 없습니다. 최대한 웹표준에 맞게 문법의 계층구조를 지키고, HTML요소 중 필수속성의 사용을 지키며, 위계를 지켜 마크업하는 것이 중요합니다.  기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다. HTML Syntax   A. 시작태그(start tag)- 마크업은 시작태그로 시작을 합니다. 시작태그에는 속성(Attr..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

오늘은 javascript에서 css 속성을 어떻게 다루는지,어떤 명령어들이 있는지 한 번 정리해 보려고 해요.궁금하신 점은 답글에 남겨주세요  Hello World 1. style 속성을 이용하여 태그의 css를 변경하기h1.style.backgroundColor = 'tomato';h1.style.fontSize = '12px';h1.style.border = '1px solid olive';String 형식으로 들어갈 때에 따옴표안에 세미콜론(;)을 적지 않도록 주의하자. 2. Multiple CSS 지정하기A. cssText 속성을 이용하여 여러 css를 한번에 수정하기.h1.style.cssText = 'font-size:20px; color:blue'; B. Object.assign() 이용하..

오늘은 javascript에서 어떻게 HTML 요소의 값을 다루는지 살펴보아요~렛츠가.. 기릿입니다... (흐흐흐 아시는분은 다 아시는 구호죠? 돌비채널 팬이라.. )아래의 간단한 HTML 마크업으로 한번 해 봅시다~See My fruite 토마토 INIT - 먼저 html 요소를 변수에 담아옵니다.const title = document.querySelector('.title');const img = document.querySelector('.thumb img');const caption = document.querySelector('.thumb figcaption');  Property ListPropertytypedescriptiontextContentNodescript, style 적..