HTML&CSS&JavaScript 14

CH3 - sec2 문서를 구조화하는 HTML

HTML5 문서구조 및 주요태그시맨틱태그 : 의미적태그로, 태그명이 표현되는 데이터를 설명-HTML : 문서의 내용과 구조를 기술하는 곳으로 문서구조는 , , , 태그등을 사용해 각각의 영역을 표현함헤더 태그(네비게이션 태그)내용 : 셋 중 하나 사용 : 문서의 내용을 표시하는 태그: 주로 블로그의 글이나 기사: 문서의 영역을 나누는 블록요소사이드바푸터 : 사이틔 제작자, 주소, 저작권 정보 등엘리먼트 : 태그는 태그 그 자체를 말하며 엘리먼트는 태그를 구조적 문서 개념에서 설명할 때 주로 쓰인다 그외 태그들- : 설명글을 붙일 대상 정의- : 피규어와 유사- : 텍스트에 형광펜(강조효과)- :측정값- : 작업의 진행상태를 막대로 표시 ▶웹 폼 태그(엘리먼트) : 입력폼을 구성하는 태그: 모든 폼 태그..

CH3 - sec1 문서를 구조화하는 HTML

section1 HTML은 마크업언어로 웹문서를 작성하며 태그를 사용해 문서 구조 등을 기술하는 언어 : 어느태그에나 넣어서 사용할 수 있음글로벌 속성설명class태그에 적용할 스타일의 이름 지정dir내용의 텍스트 방향을 지정  : 기본값 왼쪽맞춤id태그에 유일한 id를 부여함 자바스크립트 제어에서 주로 사용style인라인 스타일시트를 적용하기 위해 사용 글자가 빨간색으로 나타남  : 현재의 문서를  html문서로 선언 : 인코딩, 키워드, 뷰포트 등의 문서에 대한 정보제공   :타이틀, 스타일, 메타, 링크, 스크립트, 베이스 태그 등을 사용해서 작성: 화면에 표시되는 문서의 내용=> css파일에서 지정하는 것을 권장 : 문단과 문단 사이를 구분할 때 사용, : 글자를 강조할 떄 사용하는 것   // ..

CH2 - sec 1,2 코드를 작성하고 실행하는 개발 환경 설정

section1  - JDK17 기준: 무료프로그램으로 오라클사이트에서 제공-자바 환경 변수 설정 :PATH, JAVA_HOME-자바 설치 테스트 : 명령 프롬프트 창에서-톰캣 : 아파치와 썬 마이크로 시스템즈의 공동 프로젝트인 아파치 자카르타 프로젝트에 의해 만들어진 웹 컨테이너자카르타가 임폴트되는데 주의!!-이클립스에서 웹 페이지는 동적 웹 프로젝트를 작성한 후 동적 웹 프로젝트 안에서 만들어야 한다또한 동적 웹 프로젝트를 동작시키려면 먼저 설정할 서버를 셋팅하고 그 서버에 웹 프로젝트를 추가시켜야 한다 만약 이클립스 프로젝트 실행 시 문제가 발생하거나 프로젝트에 갑자기 에러가 표시되는 이유는?-빌드(컴파일하고 배치될 때)시 , 오류발생-해결 1. project-clean project 메뉴사용   ..

CH1-sec1,2 HTML5, CSS3, 자바스크립트의 개요

▶HTML은 하이퍼텍스트 마크업 언어의 약자로 웹 페이지를 작성할 때 사용하는 프로그래밍 언어.▶ CSS는 캐스케이딩 스타일시트의 약자로 HTML웹 페이지를 웹 브라우저에 표현하는 방법을 제공함즉, HTML 태그를 어떤 형태로 표현할지 결정.▶ 자바스크립트는 웹 브라우저에서 동작하는 프로그래밍 언어로 주로 태그 등을 클릭해서 어떤 동작을 처리할 때 사용함▶ jQuery는 자바스크립트를 간결하고 쉽게 사용할 수 있게 제공되는 라이브러리 이러한 언어들은 다양한 곳에 쓰인다1. 웹 사이트 작성-반응형 웹사이트 : 웹 사이트가 표시되는 화면의 크기에 따라 사이트의 표현구조가 자동으로 변경되는 웹페이지즉,다양한 화면 크기에 대응하는 각각의 웹 사이트를 만들 필요가 없어져서 개발비용이 단축되고 유지보수가 간편해짐2..