VisualStudio Code란?
Visual Studio Code
: 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스코드 편집기
HTML이란?
(Hyper Text Markup Language)
: 웹페이지에 정보를 담아 표시하기 위한 마크업 언어
여기서,
Hyper Text 란?
-> 현재 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트
Markup이란?
-> 어딘가에 표시를 해두는 것
설치방법
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
DOWNLOAD누르면 자동 DOWNLOAD 완료
필요한 서버 설치
■ Llive Server
■ Material Theme
HTML사용 방법
1. tag사이에 문장 넣기
<p>Hyper Text Markup Language</p>
<p> : 시작태그
</p>: 끝태그
본문 : Contents
전체 : element(요소)
2. 가운데로 정렬하기
<p alian = "center">Hello, HTML!</p>
alian : 속성(attribute)
center : 값(value) - 해당 요소에 추가적인 내용을 담고 싶을 때(글자색, 크기, 배경색, 배경이미지, 여백 등)
3. 구조
<!DOCTYPE html> - 문서 형식 정의
<head> - 문서 머리글
<meta> - 문서 정보정의
<title> </title> - 문서 제목
</head>
<body>
문서 내용(텍스트, 이미지, 동영상)
</body>
</html>
'스마트인재개발원 > HTML,CSS' 카테고리의 다른 글
[HTML]입력양식태그 (0) | 2022.09.30 |
---|---|
[HTML] 테이블 태그 셀 병합 / 입력양식 태그 종류 / 사용법 (1) | 2022.09.30 |
[HTML] 리스트 태그/디테일 태그/포함 태그/테이블 태그 사용법 (1) | 2022.09.30 |
[HTML] 앵커태그/아이콘 삽입/ 아이콘,폰트 사이트 추천 (0) | 2022.09.28 |
[HTML] 자동 단축기, HTML 기본 태그 종류 (0) | 2022.09.28 |