2018.11.27 페이지의 기본 구조
2018. 11. 27. 16:49ㆍHTML5&CSS
#1
<!doctype html>
<!-- 파일명은 한글 X
파일명은 숫자로 시작X
html은 대소문자 구분 안함 -->
<html>
<head>
<title>HTML5 페이지의 기분 구조</title>
</head>
<body>
안녕!! 내려쓰기<br>
<!-- <br>:내려쓰기 -->
문서의 본문<br>
<pre>
pre태그 사용
내려쓰기
</pre>
</body>
</html>
출력
#2
<!doctype html>
<html>
<head>
<title>헤딩태크</title>
</head>
<body>
<h1>h1글자입니다.</h1>
<h2>h2글자입니다.</h2>
<h3>h3글자입니다.</h3>
<h4>h4글자입니다.</h4>
<h5>h5글자입니다.</h5>
<h6>h6글자입니다.</h6>
</body>
</html>
출력
#3
<!doctype html>
<html>
<head>
<title>텍스트 꾸미기</title>
</head>
<body>
<h3>텍스트 꾸미기</h3>
<hr>
<b>진하게</b>
<em>강조</em>
<i>이탤릭</i>
<del>삭제</del><br>
<ins>추가</ins>
<mark>하이트라이팅</mark>
</body>
</html>
출력
#4
<!DOCTYPE html>
<html lang="en">
<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>div 연습</title>
</head>
<body>
<div>
내가 사람의 방언과 천사의 말을 할지라도
</div>
<div>
사랑이 없으면 아무것도 아니다.
</div>
</body>
</html>
출력
#5
<!doctype html>
<html>
<head>
<title>단락 나누기</title>
</head>
<body>
<h3>2개의 단락 나누기</h3>
<hr>
<!-- <hr>:수평선긋기 -->
<p>
HTML 문서로 본문을 여러 단락으로
나눌 수 있다.
</p>
한칸띄우기<html>
<!-- 들여쓰기 -->
<hr>
<P>
여러 개의 빈 칸은 하나로 취급되며,
언터키 역시 하나의 빈 칸으로 처리됨.
</P>
<hr>
안녕하세요!!<br><br><hr>
내려쓰기!!
<br>
<hr>
</body>
</html>
출력
'HTML5&CSS' 카테고리의 다른 글
| .vscode 설정후 Ctrl + Shift + B 실행하기 (0) | 2018.12.04 |
|---|---|
| 2018.12.03 화면배치(overflow,margin사용) (0) | 2018.12.03 |
| 2018.11.30 시멘틱구조 , 화면배치 , 로그인폼 (0) | 2018.11.30 |
| 2018.11.29 테이블여백 & 하이퍼링크 & id링크 (0) | 2018.11.29 |
| 2018.11.28 글자배경/이미지삽입/표만들기/리스트만들기 (0) | 2018.11.28 |