자율학습 html+css+자바스크립트

1.1 개발 환경 설정하기1.2 첫 번째 HTML 문서 만들기코드결과

2.1.1 태그구성 요소를 정의하는 역할html 문법을 이루는 가장 작은 단위기본 형식은 홀화살괄호(<>) 사이에 태그명을 넣는 형태형식<태그명>2.1.2 속성태그에 어떤 의미나 기능을 보충하는 역할 = 옵션태그 없이 단독 사용 불가속성명과 속성값으로 구성형

3.1.1 hn 태그hn 태그는 제목이나 주제를 나타내는 텍스트 표현 시에 사용h1부터 h6까지 있음h는 heading 의미, n에 들어가는 숫자는 중요도 의미hn 태그로 작성된 텍스트는 검색 엔진에서 키워드로 인식중간에 숫자 건너 뛰지 않고, 단계적으로 사용해야 함형

3.6.1 form 태그form는 폼 양식을 의미하는 태그action, method 속성 함께 사용형식< form action="서버 url" method="get 또는 post"> < /form>action 속성폼 요소에서 사용자와 상호작용으로 입력받은 값

4.1.1 문법 형식css 문법은 크게 선택자와 선언부로 구성선택자 : css 스타일을 적용할 html 태그를 선택하는 영역선언부 : 선택자에서 선택할 태그에 적용할 스타일 작성 영역, 중괄호 안에 넣음. 반드시 속성과 값을 한 쌍으로 작성(세미콜론 넣으면 여러 스타일

5.1.1 전체 선택자html에서 사용할 수 있는 모든 요소들을 한 번에 선택자로 지정하는 방법기호 사용해 표시형식5.1.2 태그 선택자html 태그명으로 선택자를 지정하는 방법5.1.3 아이디 선택자html 태그에서 사용할 수 있는 id 속성값을 이용해 선택자를 지정

6.1.1 기본 스타일 시트웹 브라우저에 기본으로 내장되어 웹 브라우저에 표시되는 요소들의 스타일이 미리 정의된 파일 또는 문서 양식6.1.2 적용 우선순위와 개별성단계적 적용 : 같은 태그에 여러 스타일 적용되더라도 단계적으로 적용되어 마지막에 영향을 주는 하나의 스

6.5.1 position 속성html 요소를 기본 흐름에서 벗어나 좌푯값에 따라 배치할 때 사용static : 요소를 기본 흐름에 따라 배치relative : 요소를 기본 흐름에 따라 배치, 좌표 속성 사용 가능top, right, bottom, leftabsolut

플렉서블 박스 레이아웃 : 1차원 방식으로 효과적으로 레이아웃 설계하도록 고안된 스타일 속성1차원 방식 : 가로, 세로 중 한 방향으로만 레이아웃 설계하는 방식7.1.1 플렉스 박스 레이아웃 살펴보기구성 요소주축 : 플렉스 박스의 진행 방향과 수평한 축교차축 : 주축과

8.1.1 html 파일과 자바스크립트 연결하기내부 스크립트 방법script 태그 사용 위치항상 body 태그의 종료 태그 바로 전에 사용8.2.1 주석한 줄 주석 처리는 // 기호 사용여러 줄 주석 처리는 / \* \* / 기호 사용8.2.2 자바스크립트 오류 확인

9.1.1 변수키워드 : 역할이나 기능이 정해진 특별한 단어var, let, typeof 등식별자 : 변수, 함수 등에 부여되는 이름연산자 : 연산 작업에 사용표현식 : 값을 반환하는 식 또는 코드값 : 더 이상 평가할 수 없는 데이터세미콜론 : 하나의 문이 끝났음을

9.4.1 if, else, else if문1\. if문else문else if문중첩하기분기 처리 : 어떤 조건식 만족할 때 어떤 블록문 실행할지 결정하는 것9.4.2 switch문9.5.1 while문9.5.2 무한 반복문반복문의 조건이 계속 참으로 평가되어 반복문이