본문 바로가기

Books/HTML Basic ✔️5

[웹 개발 기초 HTML] 5장 - HTML 시맨틱 요소 (마지막) 5.1 - 콘텐츠를 섹션으로 구분 - 문서의 섹션 구분을 위해 사용됨 - 콘텐츠를 섹션별로 구분해서 관리 가능 5.2 - 포럼, 블로그, 기사 같은 콘텐츠 포함 5.3 - 웹 페이지의 상단 영역 - 사이트명, 로고, 메뉴 네비게이션, 소셜 링크 등 배치 5.4 - 웹 페이지의 하단 영역 - copyright, 연락처 정보 등 배치 5.5 - 메뉴 네비게이션 링크 5.6 - 사이드바 역할 - 웹 페이지에서 왼쪽 혹은 오른쪽에 배치되는 사이드바 영역 - 사이드바 영역에서는 검색, 배너광고, 카테고리 등 배치해서 사용함 5.7 , - : 사진, 다이어그램, 차트 같은 콘텐츠 배치 - : 에 대한 설명 [Reference] Source Code - HTML ch 05 개발자의 품격 (유튜브) - HTML 2022. 2. 12.
[웹 개발 기초 HTML] 4장 - HTML 폼 4.1 HTML Form - HTML 폼: 사용자로부터 데이터 입력받기 위해 사용 - 웹 페이지에서 사용자로부터 데이터를 입력받기 위해 사용되는 HTML 요소들의 집합 4.2 HTML Input Types - - 웹에서 보게 되는 검색, 로그인, 저장 등 버튼 표현하기 위해 사용됨 - - 여러 개의 선택 항목 중에 하나 이상 선택할 수 있는 기능 구현 위해 사용됨 - - 색상 팔레트 선택 - - 달력, 날짜 선택 - - 날짜와 시간을 현지 시각으로 선택 - - 이메일 주소 입력 받기 위해 사용됨 - form 태그 안에 작성하면, submit 할 때 email 형식 자동 체크 - - 파일 첨부 - multiple 속성 지정하면 여러 개의 파일 선택 가능 - - 사용자 눈에 보이지 않고 개발자가 숨겨진 데이.. 2022. 2. 12.
[웹 개발 기초 HTML] 3장 - HTML 기본 3.1 HTML 코드 작성 3.2 HTML 파일 실행 - HTML 파일 직접 실행 - Copy Path 이용 - 파일 절대 경로 이용 - Live Server 3.3 HTML 기본 예제 - HTML Heading - HTML Paragraphs - HTML Links - 동일한 페이지 내의 특정 위치 지정 (프래그먼트) - 웹페이지 링크 - 자바스크립트로 구현된 함수 연결 - HTML Images 3.4 HTML 요소 (Element) - 시작 태그와 종료 태그 사이에 콘텐츠 정의 3.5 HTML 속성 (Attributes) - href 속성 - src 속성 - 이미지 파일의 물리적인 위치 - JS 파일의 물리적인 위치 - width와 height 속성 - alt 속성 - img 태그에서 사용되는 속성,.. 2022. 2. 12.
[웹 개발 기초 HTML] 2장 - 개발환경 구성 2.1 Visual Studio Code 설치 - 환경변수 추가 필수 2.2 Node.js 설치 - Node.js; 확장성 있는 어플리케이션, 즉 서버 프로그램 개발을 JS로 가능하도록 하는 JS 런타임 환경 2.3 웹 개발을 위한 유용한 vs code Extension 설치 - HTML CSS Support - HTML snippets - snippet: 재사용 가능한 코드의 작은 조각 - JavaScript (ES6) code snippets - ESLint - JS 문법 오류 찾아주는 확장 프로그램 - Prettier or Beautify - Live Server [Reference] Source Code - HTML ch 02 개발자의 품격 (유튜브) - HTML 2022. 2. 12.
반응형