HTML을 사용하기 위해 visual studio code를 다운로드 하였습니다.
https://visualstudio.microsoft.com/ko/downloads/
Windows 및 Mac용 Visual Studio 2019 다운로드
Visual Studio Community, Professional 및 Enterprise를 다운로드하세요. 지금 Visual Studio IDE, Code 또는 Mac을 무료로 사용해 보세요.
visualstudio.microsoft.com
그리고 새로운 코딩을 시작해봅니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-compatible" content="ie = edge">
<title>Document</title>
</head>
<body>
<!-- 주석 처리 -->
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<h1>시간이란....</h1><!-- 제목 태그, 문서의 header -->
<p>내일 죽을 것처럼 오늘을 살고<br> <!-- 문단 태그 <br> = 다음 줄로 보내기-->
영원히 & 살 것처럼 내일을 꿈꿔라.</p>
<hr> <!-- 수평선 그리기 태그 -->
<p>문단을 나누고 한 줄의 여백을 추가합니다.
<blockquote> 인용한 문장이 다른 텍스트보다 안으로
들여 써 지므로 다른 텍스트와 구분합니다. </blockquote> <!-- 들여 쓰기 -->
</p>
<img src = "images/first.jpg"> <!-- 이미지 삽입 태그 -->
</body>
</html><!-- --> 주석처리
<h1></h1> ~ <h6></h6> 문서의 헤더
<p></p> 문단
<br> 다음 줄
<blockquote></blockquote> 들여쓰기
<img src = "이미지 주소"> 이미지삽입
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] 리스트 실습 (0) | 2020.07.23 |
|---|---|
| [HTML] 리스트 작성하기 (ul, ol 태그) (0) | 2020.07.23 |
| [HTML] HTML 문자 강조 태그 이용하기 (0) | 2020.07.23 |
| [HTML] 기초실습2(<pre>태그 이용하기) (0) | 2020.07.23 |
| [HTML] 기초 실습1(<p>, <h1>, <hr>, <blockquote> 이용하기) (0) | 2020.07.23 |
