📌HTML문서의 기본 구조
<!DOCTYPE html>
<html>
<body>
body 태그는 문서의 본문을 정의합니다. body 요소는 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같은 HTML 문서의 모든 내용을 포함합니다.
</body>
</html>📌텍스트 표시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WEB기초</title>
<head>
<body>
<p>HTML문서의 기본구조를 입력합니다</p>
</body>
</html>📌텍스트 입력시 주의할 점
✔HTML코드에서 Enter키를 눌러 줄을 바꾸었다고 해도 웹 브라우저에서는 줄이 바뀌지 않는다.
이럴때 쓰는 것이 <br> :단일 줄 바꿈 이다.
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>텍스트에서 <br>줄 바꿈을 실행하려면<br>br요소를 사용하시오.</p>
</body>
</html>
✔ <p> : 단락(Paragraphs) ==> 단락의 전후에 빈줄이 추가된다
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>이것은 하나의 단락입니다.</p>
<p>단락이란 하나하나의 짧은 이야기 토막입니다.</p>
<p>단락 전후로 하나의 빈 줄을 추가합니다.</p>
</body>
</html>
✔ <pre> : 미리 서식이 지정된 텍스트
<!doctype html>
<html>
<head>
<meta charset ="utf-8">
<title>test2</title>
<body>
<pre>
진달래꽃 // 김소월
나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다
영변에 약산
진달래꽃
아름 따다 가실 길에 뿌리우리다
가시는 걸음걸음
놓인 그 꽃을
사뿐히 즈려밟고 가시옵소서
나 보기가 역겨워
가실 때에는
죽어도 아니 눈물 흘리우리다
</pre>
</body>
</html>
✔ <h1>~<h6> : 제목(headline)
<!doctype html>
<html>
<head>
<meta charset ="utf-8">
<title>test2</title>
<body>
<h1>h1입니다</h1>
<h2>h2입니다</h2>
<h3>h3입니다</h3>
<h4>h4입니다</h4>
<h5>h5입니다</h5>
<h6>h6입니다</h6>
</body>
</html>
✔ <!-- --> : 주석(comment)
'웹프로그래밍' 카테고리의 다른 글
| [Java Script] 자바 스크립트 객체_난수 객체(random) (0) | 2023.01.09 |
|---|---|
| [Java Script] 자바 스크립트 객체_String객체의 메소드 (0) | 2023.01.06 |
| [Java Script] 자바 스크립트 객체_Date객체 (0) | 2023.01.05 |
| [Java Script] 자바 스크립트 객체_배열 (0) | 2023.01.05 |
| 목록표시(LIST) (0) | 2022.12.27 |