![]()
HTML과 CSS 이용해 웹 페이지를 만들고, 완성된 웹 페이지는 다른 페이지와 묶여 하나의 웹 사이트를 만들어 냄 HTML: 하이퍼텍스트 마크업 랭귀지 => 하이퍼텍스트와 콘텐츠를 표시해주는 언어 HTML 코드를 웹 브라우저가 해석(렌더링)하는 과정 거친 후 화면에 표시되게 됨 가장 최신 버전의 HTML -> HTML5(현재의 웹 개발 표준) HTML 문서는 1.편집기(코드) 2.웹 브라우저(웹사이트) 두 가지 방식으로 모두 OPEN 가능 시작 준비 1. 웹브라우저 크롬 사용 2. VScode 사용 VScode에 코드 작성 후 .html file chrome에 drag and drop 하면 웹 브라우저 열린다 + 더욱 편리한 사용을 위해....live server VScode 내에서 설치하기 -> 버튼..
vscode로 만든 html 파일 netlify로 도메인에 구현하기 코딩 독학하기2 : 내가 만든 사이트 인터넷에 공개하기(.COM 도메인, HTTPS 적용하기,HTML템플릿 수정하기) (조코딩 유튜브로 공부하기) (tistory.com) 무료 정적 웹 호스팅 netlify 소개 (tistory.com)
홈페이지 템플릿 | 무료 HTML 웹사이트 템플릿 | Wix.com 홈페이지 템플릿 | 무료 HTML 웹사이트 템플릿 | Wix.com 적합한 대상: 그래픽, 웹디자이너, 웹디자인, 자영업, 크리에이티브, 포트폴리오 설명: 업그레이드를 이유로 홈페이지를 정상적으로 운영할 수 없다면 이 템플릿으로 임시 홈페이지를 제작하세 ko.wix.com
![]()
visual studio code 실행하고 새 파일 만들기 코드창에 !+tab 입력 -> html 기본 구조 템플릿 생성 html은 여러 tag를 조합한 문서 head 태그: 웹 사이트에 대한 설명 body 태그: 우리가 보는 화면 다람이의 웹사이트 타이틀태그(웹사이트명) hello 글의 제목이나 강조를 위해 사용하는 태그 1~6 글자 크기의 차이 의미함 다람이네 사이트에 오신 것을 환영합니다 p태그 : 문단을 넣을 때 사용하는 태그 input 가능 태그 - 띄어쓰기 수평선 긋기 div 태그 사용하지 않으면 button이 나란히 나열됨 div 태그 사용 시 구간 분할됨 + vscode 브라우저 실행 방법 alt + shift + b 누르면 어떤 브라우저에서 실행할지 선택 가능함 웹브라우저에서 실행시 al..
크롬, 파이어폭스 브라우저가 html5 표준 가장 잘 지킴 -> 구글 크롬 사용 권장 컴퓨터 폴더에 웹 페이지 작성한 뒤 탐색기로 클릭하여 웹 브라우저와 함께 웹 페이지 출력 x 웹 서버(몽구스)를 설치하면 다른 사용자가 방문 가능함 (웹 서버 사용 권장) 웹 페이지의 주소, URL 프로토콜 서버주소 tcp/ip포트번호 경로명 웹 페이지 파일 이름 http://www.oracle.com:80/technetwork/java/index.html html - 웹 페이지의 구조와 내용 css - 웹 페이지의 모양 Javascript - 웹 페이지의 동적 변경 미 응용 프로그램 작성 (사용자의 마우스나 키보드 입력에 따라 웹 페이지를 동적으로 변화시키거나 게임 등 웹 페이지를 하나의 응용프로그램으로 만드는 데 이..
