728x90 나도코딩html5 [ HTML + CSS + 자바스크립트] 3.8 ~ 3.10 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.8 ) 멀티미디어 설정하기 : 항상 src 속성과 함께 사용 control 속성 - 웹 브라우저에 노출 : audio 태그와 같음 : audio 태그와 video 태그에서 파일의 경로와 미디어 타입 명시 audio 태그와 video 태그의 자식요소로 사용 source 태그 사용시 audio 태그와 video 태그에는 src 속성 쓰지 않음 3.9 ) 웹 페이지 구조를 설계하는 시맨틱 태그 시맨틱 웹: 기계도 쉽게 이해할 수 있는 웹 페이지 설계 table, form, a태그 - 시맨틱 태그 : 웹 페이지의 헤더 영역 구분하는데 사용 < .. 2023. 3. 20. [ HTML + CSS + 자바스크립트] 3.7 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.7 ) 표 만들기 : 표 관련 태그 : 내가 만들려는 표의 제목 지정 : 행(가로) 생성 행 여러개 생성 가능 : 열(세로) 생성 th - 제목 td - 데이터 : 제목 데이터 th 태그가 td 태그보다 더 굵게 출력된다 tr - 가로 행 3개 th - 오른쪽으로 차례대로 나열 (번호 / 상품 / 수량 / 가격) - 셀 병합 - : 행과 행 병합 행끼리 병합된다 (세로로) : 열과 열 병합 (오른쪽으로 병합) : 헤더 영역 해당 th 태그로 열을 생성해야 한다 .. 2023. 3. 19. [ HTML + CSS + 자바스크립트] 3.6 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.6 ) 폼 구성하기 action, method 속성을 함께 사용 action - 전송할 서버의 URL 주소 method - 서버에 전송할 때 송신 방식 get 또는 post를 사용한다 type 속성 - 필수로 작성 상호작용 요소 종료 결정 name, value - 필수X, 선택적 사용 - type 속성 - 적용 적용 - name 속성 - 입력요소의 이름 작성 - value 속성 - 입력요소의 초깃값 작성 - 암묵적 방법 - 명시적 방법 - 암묵적 + 명시적 1. 암묵적 방법 : label 태그에 상호작용 요소를 포함하는 방법 (위의 예시는 라벨이라는 태그 안에다가 상호작용 요소를.. 2023. 3. 19. [ HTML + CSS + 자바스크립트] 1.2 ~ 3.5 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 1.2 ) 첫 번째 HTML 문서 만들기 파일 이름 작성할 때 끝에 .html 붙이고 작성하기 2.1 ) HTML의 기본 구성요소 ●속성: 속성 = 옵션 태그랑 같이 쓰임. 단독 사용X ●요소: + 콘텐츠 + 2.2) HTML의 기본구조 ● html 태그: HTML 문서의 시작과 끝 3.1) HTML의 특징 파악하기 - hn 태그 - 중간에 숫자를 건너뛰지말고 단계적으로 사용 - p 태그 - 문단 작성할 때 사용 - br 태그 - 줄바꿈 - blockquote 태그 - 인용한 문단 단위의 텍스트 작성때 사용 cite 속성으로 출처 경로 명시 태그 안에 반드시 한 개의 태그 들어가야 한다 - q 태그 - 짧은 인용문 작성할 때 사용 blockquote 태그.. 2023. 3. 12. [ HTML + CSS + 자바스크립트] 1.1 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 1.1 ) 개발 환경 설정하기 Explorer : 프로젝트 폴더와 파일관리 작업할 디렉토리 선택 또는 선택된 디렉토리에서 new file을 이용하여 작성할 파일 생성 등등 파일관리 가능 Search : Explorer 에서 설정한 폴더 내에서 단어 검색 또는 교체할 때 사용 Source Control : 깃이랑 연동해서 버전관리 할 수 있는 창 소스코드를 디버그할 때 사용 Extension을 관리할 수 있는 창 Command Palette : 바로 명령어를 실행할 수 있는 창 Extension : 플러그인이라고 보면 됨 비쥬얼스튜디오 더 잘 쓸 수 있게 하는 서브 프로그램 느낌 이 검색창에다가 내가 설치하고 싶은 extension을.. 2023. 3. 6. 이전 1 다음 728x90
