DAY 34 - JS - getElementById / getElementsByClassName / querySelector / querySelectorAll (2024.08.20)
·
HTML CSS JS
exam17.html 처리순서를 잘 봐야한다.1. script 태그는 그냥 쭉 훑고 내려온다2. body 태그의 insertQuestion(111); 함수를 만난다.3. 그러면 script에 있는 함수를 실행하게 된다.4. 하지만 아직 id가 question인 곳이 없기 때문에 error가 뜨게 된다. exam18.html 안녕하세요. 안녕하세요를 덮어버린다는 거 확인 !!!exam19.html 안녕하세요. 자바스크립트입니다. 강의 참 재미있죠? 자바스크립트 함수 호출하기[ getElementById ] 안녕하세요. 자바스크립트입니다. 강의 참 재미있죠? 자바스크립트 함수 호출하기  가장 먼저 만나는 id속성만 값을 인식한다. 중복 id를 인식하지 못한다.[ querySelector ]docum..
DAY 33 - JS (2024.08.19) - let / var / const / prompt / 함수 / 내장함수 / 이벤트처리 (2024.08.19)
·
HTML CSS JS
Dynamic Web Project: JavaScriptFolder                        : javascript[ HTML 페이지에 결과 출력 ]- HTML 페이지의 태그 안을 document(문서)라고 부른다.  Document document; - 안에 새로운 내용을 출력  document.write("출력할 내용"); - 태그 안에 출력되는 내용이므로, 다른 HTML 태그를 포함하여 출력할 수 있다.exma01.html Hello JavaScript!! 스크립트는 동작을 처리하기 위해서 쓰는 것html이 다 뿌려지고 스크립트가 들어가기 때문에 body 태그로 내려오는 것이 더 맞다.절차식이라 위에서 아래로 내려오는 것스크립트는 body 태그 안에 !! 벗어나는 것은 절대 안..
DAY31, 32 - 페이지 만들기 코드 복습 - main.css
·
HTML CSS JS
main.css@charset "UTF-8";@import url("./reset.css");/* '나눔고딕체'이고, 웹 폰트를 활용 */@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");hr { display: none;}.blind { display: none; overflow: hidden; position: absolute; left: 0; top: -1000em;}/* skip css */.skip a { display: block; overflow: hidden; position: absolute; left: 0; top: -1000em; z-index: 9999; width: 100%; background-colo..
DAY31, 32 - 페이지 만들기 코드 복습 - index.html
·
HTML CSS JS
index.html skip navigation skip to content LOGO top navigation Login Member join Sitemap main navigation About Services Portfolio Contact us About Company Info History Location Home > About > Company Info Company Info Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, ea, ..
DAY31, 32 - 페이지 만들기 코드 복습 - reset.css
·
HTML CSS JS
reset.css@charset "UTF-8";/* reset css */html, body { width: 100%; height: 100%;}html { overflow-y: scroll;}body, div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, form, fieldset, p, button { margin: 0; padding: 0;}body, h1,h2,h3,h4, input, textarea, button, select, option { font-family: '돋움', dotum, Helvetica, sans-serif; font-size: 12px; color: #444;}img, fieldset { border: 0;}li {..
DAY 31 - 페이지 만들기1 (2024.08.14) DAY 32 - 페이지 만들기2 (2024.08.16)
·
HTML CSS JS
Folder: 10_webPagereset.css@charset "UTF-8";/* reset css */html, body { width: 100%; height: 100%;}html { overflow-y: scroll;}body, div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, form, fieldset, p, button { margin: 0; padding: 0;}body, h1,h2,h3,h4, input, textarea, button, select, option { font-family: '돋움', dotum, Helvetica, sans-serif; font-size: 12px; color: #444;}img, fieldset {..
DAY 31 - CSS - cssShadowCursor / map (2024.08.14)
·
HTML CSS JS
text-shadow:   offset-x   offset-y   blur-radius   color |   none   |   initial   |   inheritoffset-x : 그림자의 수평 거리를 정합니다. (필수)  offset-x의 값을 증가시키면 그림자의 위치가 오른쪽으로 이동합니다. offset-y : 그림자의 수직 거리를 정합니다. (필수)   offset-y의 값을 증가시키면 그림자의 위치가 아래로 이동합니다. blur-radius : 흐림 정도를 정합니다. (선택 : 값을 정하지 않으면 0)   blur-radius의 값을 증가시키면 그림자가 흐려집니다. color : 색을 정합니다. (선택 : 값을 정하지 않으면 브라우저 기본값) none : 글림자 효과를 없앱니다. initia..
DAY 30 - CSS - hidden / visible / scroll / auto / transform / transition
·
HTML CSS JS
[문제] 괄호 안에 ( ) 마우스를 올리면 답이 빨간색으로 보여주시오.=> visibility: visible; 사용 exam08.html 다음 빈 곳에 숨은 단어? I (love) you. CSS is Cascading (Style) Sheet. 응답하라 (1988). 괄호 안에 올렸을 때만 딱 글씨가 나오게 만들어보면 ![문제] 괄호 안에 ( ) 마우스를 올리면 답이 빨간색으로 보여주시오.① visibility: visible; 사용② 숨겨진 요소 위로 마우스를 올릴 수 없다. ===> 중첩을 사용 exam08-1.html 다음 빈 곳에 숨은 단어? I (love) you. CSS is Cascading (Style) Sheet. 응답하라 (1988). [ hidden / ..
summ.n
'HTML CSS JS' 카테고리의 글 목록 (2 Page)