728x90 반응형 FE/HTML & CSS4 HTML 실습 🔷 개요What : HTML 실습When : 2022.11.30Why : HTML 내용 익히기 위해How : 부스트코스 인강 수강 ➡ Atom 이용 실습 ➡ 생활코딩 보며 복습 ➡ velog 정리 / Git 저장📌 HTML 참고 사이트1. https://developer.mozilla.org/en-US/docs/Web/HTML/Element2. http://html5doctor.com/element-index/3. https://www.w3schools.com/tags/default.asp🔷 실습환경 준비1) Atom 설치Atom2) New Folder 및 New File 생성3) 웹페이지 열기파일 열기 : ctrl + A + O다른 컴퓨터에 저장된 웹페이지를 열고 싶을때 ➡ 주소 입력)웹브라우저와.. 2025. 4. 11. HTML 📒 HTML📕 환경설정1. node.js 설치설치 확인node -vnpm -v2. vscode (개발 툴) 설치extemsion 설치HTML CSS SupportHTML to CSS autocompletionAuto Rename TagAuto Close TaghtmltahwrapLive ServerHighlight Matching Tagpx to remHTML End Tag LablesStylelint📕 웹(Web)1. World-Wide-Web (WWW)인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 정보 공간인터넷은 통신망이고, 웹은 그 위에서 동작하는 서비스 (인터넷과 유사하나 다름)🗒️ 예시 : telnet, FTP, e-mail 등 서비스2. 웹 특징사용자가 웹에 접속하면 .. 2025. 4. 11. CSS 📒 CSS📕 CSS (Cascading Style Sheets)1. CSS 문법1) 문법 형식선택자와 선언부로 구분선택자 : CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역선언부 : 선택자에서 선택한 태그에 적용할 스타일을 작성한 영역 (속성 : 값으로 구성)2) 주석/* */ 주석웹 브라우저에서 소스 보기로 보면 주석 내용 노출2. CSS 적용1) internal 스타일적용하려는 태그가 포함된 html 파일에서 사용HTML 파일 내부에 CSS 코드를 작성HTML 제공하는 style 태그의 콘텐츠로 CSS 코드 작성 (head 태그 안에 위치)형식 : 2) external 스타일html 파일과 다른 파일에서 css 적용 (*.css 외부 파일 사용)CSS 코드를 작성하는 별도 파일을 만들.. 2025. 4. 11. HTML 실습 🔷 개요What : HTML 실습When : 2022.11.30Why : HTML 내용 익히기 위해How : 부스트코스 인강 수강 ➡ Atom 이용 실습 ➡ 생활코딩 보며 복습 ➡ velog 정리 / Git 저장📌 HTML 참고 사이트1. https://developer.mozilla.org/en-US/docs/Web/HTML/Element2. http://html5doctor.com/element-index/3. https://www.w3schools.com/tags/default.asp🔷 실습환경 준비1) Atom 설치Atom2) New Folder 및 New File 생성3) 웹페이지 열기파일 열기 : ctrl + A + O다른 컴퓨터에 저장된 웹페이지를 열고 싶을때 ➡ 주소 입력)웹브라우저와.. 2025. 4. 9. 이전 1 다음 728x90 반응형
