웹 프로그래밍 시작
웹 프로그래밍 첫 수업을 들으며 실습한 내용을 정리했다.
1. <h1>
문서의 가장 중요한 제목(최상위 제목)을 나타내는 태그이다.
<h1>부터 <h6>까지 총 6단계의 제목 태그가 존재하는데, <h1>이 가장 크고 <h6>으로 갈수록 작아진다.
2. <p>
문단을 나타내는 태그이다. 일반적인 텍스트 내용을 작성할 때 가장 많이 사용된다.
자동으로 줄바꿈이 적용되며, 문단과 문단 사이에 여백이 생겨 글을 구분하기 쉽게 한다.
3. lorem
디자인이나 웹 개발 단계에서 임시로 넣는 더미 텍스트이다
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>헬로월드</title>
</head>
<body>
<h1>웹프로그래밍</h1>
<h2>Web programing</h2>
<p>첫번째 강의... 반갑습니다..</p>
</body>
</html>
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>자기소개</h1>
<p>
웹프로그래밍 공부중입니다.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores quaerat sequi voluptatibus, aspernatur laudantium harum magni et, quae, deserunt reprehenderit nobis sint ab ea accusantium? Sunt cumque delectus a magni.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem sunt voluptates error debitis cum, obcaecati repudiandae quis quod quasi assumenda eligendi sapiente! Molestias, sed dicta? Voluptatibus dolores, dignissimos incidunt amet accusamus blanditiis quos? Blanditiis minus ratione natus at odio adipisci accusantium laborum excepturi alias odit ex nam voluptatibus, dolore, deserunt pariatur, officiis quia totam vitae! Accusamus alias minus aliquid sint corrupti officia adipisci provident. Reiciendis eaque ipsam labore ratione nesciunt cum, deleniti corrupti illo obcaecati reprehenderit, esse fugiat quae cupiditate officia odit iste. Iure quia voluptates quae, nulla fugit, sed voluptas blanditiis, aliquam exercitationem obcaecati laudantium tenetur corrupti magni omnis.
</p>
</body>
</html>