[VSCode] vscode 환경에서 HTML 파일 실행하기
·
IDE
1. open in browser 플러그인 설치왼쪽 메뉴의 Extensions 탭에 들어가서 open in browser를 검색한 후 맨 위 프로그램을 설치합니다.2. 실행실행하고자 하는 HTML 파일을 연 뒤, 우클릭 > Open In Default Browser 를 선택합니다.단축키 Alt + B 로도 실행할 수 있습니다.
[JS] HTML에 JavaScript 코드 삽입하기
·
Frontend
JavaScript(JS) 코드를 웹에 적용하려면 HTML 코드 안에 JS 코드를 삽입해야 합니다.JS 코드를 삽입하는 방법은 크게 두 가지가 있습니다.1. HTML 코드에 직접 추가HTML 코드에 직접 JS 코드를 추가할 때는  여기서 document.write()는 JS에서 document 오브젝트의 쓰기 함수입니다.2. 외부 JS 파일 불러오기JS파일을 불러올 때도   두 방법을 모두 사용하여 다음과 같은 HTML 코드를 만들 수 있습니다. /* 1. HTML에 직접 추가하기 */ /* 1. HTML에 직접 추가하기 */ /* 2. JS 파일 불러오기 */ /* 2. JS 파일 불러오기 */
[HTML] HTML 태그와 속성 정리
·
Frontend
HTML의 태그는 요소(element)의 종류를 나타내며, 그 용도에 따라 다양하게 존재합니다.일반적으로 태그를 사용할 때는 다음과 같은 문법을 따릅니다. content  태그용도htmlhtml 전체head헤더title페이지 제목. 브라우저 탭에 나타나는 이름body본문div구역 구분p문단 구분  title: 툴팁 (텍스트에 마우스 대면 나오는 설명)span문단 내 영역 구분a링크. href 또는 자체 페이지의 앵커로 이동    href : 웹 페이지 urlimg /이미지 출력 (닫는 태그 없음)  src : 이미지 이름 (확장자 포함)  alt : 대체 이름  width : 너비  height : 높이br /줄바꿈 (닫는 태그 없음)hr가로선 긋기h1 ~ h6소제목ul순서 없는 글머리ol순서 있는 글머..