YYYEJI

HTML란? 마크업 정보를 표현하는 언어이며, 문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함합니다. 처음 구조는 아래와 같습니다. • - HTML 문서의 범위 • Welcome to My Blog ⍢ Welcome to My Blog ⍢ Welcome to My Blog ⍢ Welcome to My Blog ⍢ Welcome to My Blog ⍢ Welcome to My Blog ⍢ • - 문단의 제목, 숫자는 글자의 크기를 의미 • - 하이퍼링크를 걸어주는 태그 • - 이미지를 삽입하는 태그 • src 속성을 통해 이미지 경로를 지정 • - 표 생성 • - 표의 행 • - 표의 열 • - 표의 하위 • - 태그는 Division, 레이아웃을 나눔 • 줄바꿈 O • - 특별한 기능을 갖고있지 ..

↓↓↓ DOM 개념 알아보기 ↓↓↓ https://yyyeji.tistory.com/160 [JavaScript] DOM이란? DOM 이란? Document object Model의 줄임말로써, XML 문서의 메모리 내 표현이고 DOM을 사용하여 XML 문서를 프로그래밍 방식으로 element를 생성, 조회, 갱신, 삭제할 수 있습니다. XML NODE ① Document node.. yyyeji.tistory.com Form의 value를 찾는 예제를 살펴보겠습니다. JavaScript HTML DOM Finding HTML Element using document.forms. First name: Last name: These are the values of each element in the for..

↓↓↓ DOM 개념 알아보기 ↓↓↓ https://yyyeji.tistory.com/160 [JavaScript] DOM이란? DOM 이란? Document object Model의 줄임말로써, XML 문서의 메모리 내 표현이고 DOM을 사용하여 XML 문서를 프로그래밍 방식으로 element를 생성, 조회, 갱신, 삭제할 수 있습니다. XML NODE ① Document node.. yyyeji.tistory.com Class name을 통해 element를 찾는 예제를 살펴보겠습니다. Finding HTML Element by Class Name. Hi! there ☺ Welcome to My Blog 다음으로 코드 한 줄씩 살펴보겠습니다. Finding HTML Element by Class Nam..

↓↓↓ DOM 개념 알아보기 ↓↓↓ https://yyyeji.tistory.com/160 [JavaScript] DOM이란? DOM 이란? Document object Model의 줄임말로써, XML 문서의 메모리 내 표현이고 DOM을 사용하여 XML 문서를 프로그래밍 방식으로 element를 생성, 조회, 갱신, 삭제할 수 있습니다. XML NODE ① Document node.. yyyeji.tistory.com Tag name을 통해 element를 찾는 예제를 살펴보겠습니다. Finding HTML Element by Tag Name. This is example for finding HTML Element by Tag Name ⚠️ 알아두기 ⚠️ 똑같은 이름의 Tag가 하나가 아니라 여러 개일..

↓↓↓ DOM 개념 알아보기 ↓↓↓ https://yyyeji.tistory.com/160 [JavaScript] DOM이란? DOM 이란? Document object Model의 줄임말로써, XML 문서의 메모리 내 표현이고 DOM을 사용하여 XML 문서를 프로그래밍 방식으로 element를 생성, 조회, 갱신, 삭제할 수 있습니다. XML NODE ① Document node.. yyyeji.tistory.com id를 통해 element를 찾는 예제를 살펴보겠습니다. Finding HTML Element by Id This is example for finding HTML Element by Id 다음으로 코드 한 줄씩 살펴보겠습니다. Finding HTML Element by Id ✓ h2 크기..

CSS 적용 방법으로 3가지가 있습니다. ① 인라인 CSS (Inline CSS) ② 내부 CSS (Embedded CSS) ③ 외부 CSS (External CSS) Inline CSS ✓ h.html Hello world? Inline은 start tag 안에 sytle 속성을 넣어서 정의하여 스타일을 지정합니다. Embedded CSS ✓ h.html Hello world? 속성으로가 아닌 태그 안에 CSS를 정의해서 스타일을 정의합니다. External CSS ✓ h.html ✓ h.css p { color:greenyellow; text-align:center; background-color: black; font-style:italic; } Hello world? 같은 .html 파일이 아닌 ..

HTML 은 웹페이지를 위한 표준 마크업 언어입니다. 간단한 구조는 아래와 같이 생겼습니다. 디자인은 tag를 사용하고, 다이나믹한 웹페이지를 만들기 위해서는 웹페이지 타이틀을 바꾸기 위해서는 tag 안에 있는 value를 바꿔줍니다. 자주 사용되는 Tag들을 더 정리해 보겠습니다. ① tag - 문단 구분 tag 에서 font를 바꿔줄 수 있습니다. Block 성질이 있어서 자동으로 줄바꿈을 시켜줍니다. ⍢ ② tag - 레이아웃을 나누고 그룹핑 Left side Right side ③ tag - 텍스트를 꾸미기 위한 용도 hi ④ tag - 다른 웹사이트로 이동 naver ⚠️ 알 아 두 기 ⚠️ html의 특정 요소에만 다른 효과를 주고 싶을 때, 해당 요소에 클래스명 또는 아이디값을 할당하여 처리..

DOM 이란? Document object Model의 줄임말로써, XML 문서의 메모리 내 표현이고 DOM을 사용하여 XML 문서를 프로그래밍 방식으로 element를 생성, 조회, 갱신, 삭제할 수 있습니다. Method 생성 - document.createElement(element) 삭제 - document.removeChild(element) 추가 - document.appendChild(element) 갱신 - document.replaceChild(new, old) output stream - document.write(text) XML NODE ① Document node - 전체 XML 문서 ② Element node - XML element ③ Text node - XML element..