HTML과 JavaScript의 만남 1 (script 태그)HTML 코드 안에 JavaScript를 쓰겠다는 것을 알려주는 태그(script) JavaScript document.write는 출력하는 JavaScript 코드이다.JavaScirpthello world 위 두 코드가 나타내는 결과값은 같지만 자바스크립트는 동적이라는 차이가 있다.예를 들어, 밑에 코드에 1+1을 작성하면 1+1이 그대로 나오지만 document.write(1+1);은 계산기처럼 2가 나온다. HTML과 JS의 만남 (이벤트) 버튼 버튼 같지 않지만 버튼이 된다. 웹페이지에 버튼을 생성하는 HTML 코드 input 태그에 ..
CSS 등장 이전의 상황font 태그-지금은 안 씀WEB 색상이나 스타일을 변경할 수 있다. 하지만 시각장애인(혹은 검색 로봇)의 관점에서는 큰 의미가 없을 수도 있겠다.CSS의 등장주석 태그HTMLCSSJavaScript-->style 태그HTML의 문법이면서 태그 안 쪽에 있는 내용은 CSS이므로 이것을 CSS에 맞게 해석해서 처리하라는 태그이다.코드에 있는 모든 태그에 스타일링을 하기 위해 다음과 같이 p와 중괄호로 묶어준다 혁명적 변화style 속성단 하나의 HTML 태그 요소를 꾸며주기 위한 속성HTML but CSS 문법이 들어가야 한다 자주 나오는 style 속성값- 배경색상 지정: background-color powderblue 색상 -텍스트 색상: color파란색 제목1빨간색 단락 ..
https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여opentutorials.org코딩과 HTMLHTML- 웹페이지를 만드는 코드HTML 코딩 실습 환경 준비바탕화면에 폴더를 만들고 그 폴더를 VS 코드로 연다메뉴 > open folder를 선택하고 파일찾기 화면에서 바탕화면으로 이동한다. WEB 폴더에서 오른쪽 클릭해서 New File...을 선택합니다.파일명은 1.html입니다. 1.html을 웹브라우저로 연다.웹 브라우저에서 단축키를 누른다.윈..