<!-- 설명 -->주석 - 문서 소스의 이해를 돕기 위한 설명을 추가할때 사용
브라우저에 의해 출력되지 않으므로 소스에서만 확인 가능.
태그 내에서는 사용 불가
<body>
과목명: HTML 웹프로그래밍<br/>
<br/>
<br/>
개설학과 : 컴퓨터과학과<br/>
<br/>
담당교수: 빌게이츠
<body/>줄을 바꾸는 <br> 태그 - 편집기에서 엔터키와 같은 기능
종료 태그 </br> 없이 사용
<body>
독립된 단락을 생성하기 위해서는
<p> p태그를 사용하며, </p>
<p><p><p> p 태그를 연속해서 여러개 사용해도
한 번 사용한 것과 같은 효과를 가짐</p></p></p>
단락의 정렬은 CSS를 사용한다.
</body>단락을 나누는 <p> 태그 - 문단을 나누어 독립된 단락을 생성
다른 내용과의 구분을 위해 단락 전후에서 자동 줄바꿈 수행
공백 및 특수 문자 입력
두 칸 이상의 연속된 공백, 예약어로 사용되는 문자, 키보드로 직접 입력할 수 없는 문자를 입력하는 경우
1. &특수이름;
2. 
진수코드;
3. 진수코드;
해당하는 유니코드를 넣어주어야 한다.
| 문자 | 특수이름 | 10진수 코드 | 16진수 코드 |
| < | < | < | < |
| > | > | > | > |
| & | & | & | & |
| " | " | " | " |
| 공백 | |   |   |
| © | © | © | © |
| ¥ | ¥ | ¥ | |
| ♡ | ♡ | ||
| ☞ | ☞ |
적용해보기
<body>
줄바꿈 태그 <br> <br/>
문단 구분 태그 <p><br/>
공백문자 &nbsp;<br/>
☞환율"$1=¥103"
</body>▼
<body>
hr 태그는 수평선을 그리는 태그이다.
<hr/>
단락 단위로 주제를 바꿀 때 사용합니다.
<hr/>
</body>수평선을 그리는 <hr> 태그 - 텍스트 사이에 수평선을 그리는 것
단락의 주제를 구분하는 의미로 사용 (자동 줄바꿈, 종료태그 없이 사용)
<body>
<h1>h1로 제목을 지정한 경우</h1>
<h2>h1로 제목을 지정한 경우</h2>
<h3>h1로 제목을 지정한 경우</h3>
<h4>h1로 제목을 지정한 경우</h4>
<h5>h1로 제목을 지정한 경우</h5>
<h6>h1로 제목을 지정한 경우</h6>
</body>단락의 제목을 지정하는 <hn>태그 - n에는 1부터 6이라는 숫자가 들어갈 수 있다.
<h1>, <h2>, <h3> .... 제목의 크기를 나타냄
<body>
pre 태그 설명
<pre>
-<b>pre태그는 'preformatted text'의 약자이다.</b>
-편집기에서 /문자가 입력된 형식을 그대로 유지하여 출력한다.
--공백, 줄바꿈 등을 자유롭게 입력할 수 있다.
- 특수 문자가 많은 텍스트(예, 프로그램 소스)를 표시할 때 유용
</pre>
</body>텍스트를 자유롭게 표시하는 <pre>태그 - 편집기에서 문자가 입력된 형식을 그대로 유지하여 출력
<body>
인생은 내일도 계속된다.
<blockquote cite="http://www.heartsaying.com">
좋지 않는 일은 심플하게 생각하고 <br/>
좋은 일은 복잡하게 자꾸 끄집어 내자!
<blockquote>
-"한 번쯤은 위로 받고 싶은 나"중에서-
</body>단락을 들여쓰는 < blockquote> 태그 - 상하 줄바꿈으로 구분되는 단락의 생성 및 들여쓰기
들여쓰기 간격은 인위적인 조정이 불가
주로 인용문을 만들 때 사용
cite 속성 -> 인용된 부분의 URL 지정
'WEB > HTML' 카테고리의 다른 글
| 목록 지정 (0) | 2021.04.13 |
|---|---|
| 글자 스타일 지정 (0) | 2021.04.13 |
| HTML 문서 - 구성 요소 (0) | 2021.04.13 |
| 태그 (0) | 2021.04.12 |
| HTML 실습 - 사이트 완성 (0) | 2021.04.06 |
