DevBlackCat
HTML 하루 15분, 일주일만에 완성하기 - 1.HTML 소개 및 개발 환경 설정 본문
안녕하세요! 오늘은 HTML의 기본 개념과 개발 환경 설정에 대해 배워볼까요? HTML은 웹 페이지를 만들기 위한 표준 언어입니다. 이를 이용하면 웹 페이지에 텍스트, 이미지, 링크 등의 콘텐츠를 표현할 수 있습니다. 비유하자면, HTML은 건물의 철골 골조와 같은 역할을 합니다. 먼저, HTML을 작성하기 위해서는 텍스트 편집기를 준비해야 합니다.
여러분은 메모장 등 기본 텍스트 편집기를 사용할 수도 있지만, HTML을 작성할 때 더 편리하게 작업할 수 있는 전용 편집기를 추천합니다. Visual Studio Code, Sublime Text, Atom 같은 무료 편집기가 있으니 자신에게 맞는 것을 선택해주세요. 편집기를 설치한 다음, 확장자가 .html인 파일을 생성해주세요.
예를 들어, "index.html"이라는 파일을 만들어볼까요? 이 파일은 웹 사이트의 첫 페이지로 사용되는 기본 파일입니다.
그 다음, 기본 HTML 구조를 작성해봅시다. 아래 코드를 따라 작성해보세요.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목</title>
</head>
<body>
내용
</body>
</html>이 기본 구조에서 주목해야 할 몇 가지 요소를 설명드리겠습니다. <!DOCTYPE html>은 문서 유형 선언으로, HTML5 문서임을 나타냅니다. <html> 태그는 전체 웹 페이지의 시작과 끝을 표시을 UTF-8로 설정해주는 코드입니다.
<title> 태그에는 웹 페이지의 제목을 입력합니다. 마지막으로, <body> 태그는 실제 웹 페이지에 표시될 내용을 포함합니다. 오늘은 여기까지 해봅시다. 이제 기본적인 개발 환경 설정이 완료되었습니다. 내일은 기본 문서 구조 작성에 대해 배워볼 것입니다. 그럼, 다음 시간에 만나요!
'웹개발 > HTML' 카테고리의 다른 글
| HTML 하루 15분, 일주일만에 완성하기 (0) | 2023.06.03 |
|---|---|
| HTML 하루 15분, 일주일만에 완성하기 - 4.리스트와 순서 구분 (0) | 2023.06.03 |
| HTML 하루 15분, 일주일만에 완성하기 - 3.텍스트 요소와 포매팅 (0) | 2023.06.02 |
| HTML 하루 15분, 2.기본 문서 구조 작성 (0) | 2023.06.02 |
