<!DOCTYPE html>
<!-- html/basic_code_01.html -->
<html lang="ko-KR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scal=1.0">
<title>웹기초 - 제목 및 내용</title>
<style>
/* css */
div {background-color:#b2 f58 b;}background-color:#b2f58b;}
</style>
</head>
<body>
<!-- layout -->
<div> (공간을 분리하는 박스)
<h1><a href="./all_contents.html"> title="목차로 돌아가기"<br />
웹페이지 내에서 가장 중요한 제목 <br />
하나의 페이지에는 h1 한 번만 사용.</a>
</h1> (a요소는 링크를 위해 만든 것)
<h2>웹페이지 내에서 두번째로 중요한 제목</h2>
<h3>웹페이지 내에서 세번째로 중요한 제목</h3>
<h4>웹페이지 내에서 네번째로 중요한 제목</h4>
<h5>웹페이지 내에서 다섯번째로 중요한 제목</h5>
<h6>웹페이지 내에서 제목의 구분중 가장 낮은 제목</h6>
</div>
<hr /> (화제가 전환되었을때 구분하기 위해서 쓰임, 칸막이)
<div>
<P>문서내에서의 내용을 뜻하는 것으로, <br />
연속 띄어쓰기 줄바꿈처리는 모두 한칸 띄어쓰기만 된다.
</P>
<pre>원하는 대로 띄어쓰기,줄바꿈 가능 <br />
(실무:코드의 삽입기능으로만 쓸정도로 다소 불편한 기능)
</pre>
</div>
<hr />
<div>
<p>내용상 필요한 단어나, 일부기능을 강조처리 할때<br />
<strong>임팩트의 기능_굵은글씨,</strong> <br />
<em>권유방식의 기능_기울임꼴,</em> <br />
<ins>확인 기능의_밑줄,</ins> <br />
<del>처리삭제의 의미_취소선</del> <br />
<span>어떠한 내용을 묶어주는 기능</span> (비닐봉투:크기를 가질 수 없는 개념)
</p>
(block과 inline차이)
</div>
<br />
<div>
<a href="https://naver.com" target="_blank">naver 페이지 이동</a>
(_self:현재 페이지에서 바뀜, _blank:새로운 빈페이지에서 생성)
</div>
<!-- script -->
<script>
// javascript
</script>
</body>
</html>
'coding > html' 카테고리의 다른 글
| 0504 / basic_code_04_setting.html (0) | 2021.05.07 |
|---|---|
| 0503 / basic_code_03.html (table 구조와 그 예시) (0) | 2021.05.07 |
| 0429 / basic_code_02.html (0) | 2021.05.07 |
| html 조건부주석 (0) | 2021.05.06 |
| 0419 ~ 0427 내용 정리 (1) | 2021.05.04 |
