본문 바로가기
스마트인재개발원/HTML,CSS

VisualStudio Code 설치방법 / HTML 기초문법

by 죠졍니 2022. 9. 28.
728x90
반응형
SMALL

 

 

 


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>

 

 

 

 

728x90
반응형
LIST