HTML8 [웹 개발 기초 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. [웹 개발 기초 HTML] 1장 - HTML 1.1 HTML은 무엇인가? - HTML: 웹페이지를 만들기 위한 마크업 언어 - Hyper Text Markup Language - 웹페이지의 구조 정의 - 요소(elements)의 집합 - WWW: 인터넷에 연결된 컴퓨터들을 통해 정보를 공유할 수 있는 네트워크 공간 (World Wide Web) - - 문서가 HTML5 문서 (HTML 최신버전)라는 것을 정의 - DOCTYPE; Document Type Definition, 마크업 언어에서 문서 형식 정의 - - HTML 페이지의 최상위(root) 요소(element) - - HTML 페이지의 메타 정보를 담고 있는 요소 - - 화면 UI로 보이는 컨텐츠에 해당하는 요소들을 담은 요소 - empty 요소 - 콘텐츠 담지 않는 요소 - 종료 태그 사.. 2022. 2. 12. 이전 1 2 다음 반응형