꿈꾸는 새벽하늘

1. JavaScript는 HTML과 연결되어 있다. console에 document를 입력하면 작성한 HTML을 가져올 수 있다. JavaScript에서 HTML을 읽어올 수도 있고, JavaScript에서 HTML을 수정할 수도 있다. 2. document는 object이다. 브라우저에서 제공하는 객체중 document 는 JS 에서 HTML 파일을 불러올 수 있도록 도와준다. 3. JavaScript에서 HTML 변경하기 => title element가 "My Day Plan"으로 변경된다. 4. JavaScript에서 HTML element를 가져오기 (1) getElementById Grab me!//HTML const title = document.getElementById("title");/..

1. 그리드 (1) 와 TITLE ARTICLE TITLE ARTICLE 아무 의미 없는 디자인 목적의 태그 block level element 자동 줄바꿈 O 아무 의미 없는 디자인 목적의 태그 inline level element 자동 줄바꿈 X (2) grid-template-columns grid-template-columns: 150px 1fr; 첫 번째 태그는 150px로 지정, 두 번째 태그는 남은 공간 사용 grid-template-columns: 1fr 1fr; 화면을 1:1로 나누어서 사용 grid-template-columns: 2fr 1fr; 화면을 2:1로 나누어서 사용 2. 그리드 적용 My Web About Notice Contact NOTICE This is 'Notice' ..

1. HTML 기본 구조 What is Web? This is Web. : 현재 문서가 HTML5 문서 타입임을 명시한다. : HTML 문서의 루트(root) 요소를 정의한다. HTML로 작성된 모든 내용은 과 사이에 있어야 한다. : HTML 문서의 메타데이터(metadata)를 정의한다. 메타데이터란 HTML 문서에 대한 정보로, 웹에는 직접적으로 표현되지 않는 정보이다. 안에는 , , 등이 있다. 은 웹의 제목을 나타낸다. : 웹을 통해 사용자에게 보여지는 내용(content) 부분이다. 2. 목록 태그 1. HTML 2. CSS 3. JavaScript 1. HTML 2. CSS 3. JavaScript HTML CSS JavaScript ul 태그 : 순서가 없는 목록 - 글머리 기호를 붙여서 ..

HTML(HyperText Markup Language) : Basic Tag 1. Bold Tag & Underline Tag This is my web page : Bold web : underline This is my web => This is my web 2. Heading Tag This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 3. New Line Tag I am a student. What is your name? Nice to meet you. 4. Paragraph Tag I am a student. What is your name? Nice t..