[HTML] <body> / <h x> / <p> / <br> / <hr> 태그
by mini_min[HTML]
<body> / <h x> / <p> / <br> / <hr> 태그
✔️ <body>
: body 요소는 문서의 주된 콘텐츠를 나타낸다.
: HTML 문서에서 body 요소는 반드시 하나 기술해야한다.
| 속성 | |
| alink | 사용자가 선택한 하이퍼 링크 표시 텍스트의 색상 설정 |
| background | 배경 이미지 지정 |
| bgcolor | 배경색 지정 |
| link | 방문하지 않은 하이퍼 링크의 색상 설정 |
| text | 텍스트의 전경색을 설정 |
| vlink | 방문한 하이퍼 링크 텍스트의 색상 변경 |
✔️ <h x> ~ </h x>
: 글자 크기를 지정하는 태그! x 는 '1~6' 사이 숫자이다.
: 자동 줄 바꿈✨이 이뤄지며 타이틀 입력할 때 주로 사용된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3> h 태그 </h3>
<p>
글자 크기를 지정하는 태그로 보통 제목에서 사용한다.
크기는 1~6이며 1이 가장 큰 글씨
</p>
<h1> h1 태그 예제 </h1>
<h2> h2 태그 예제 </h2>
<h3> h3 태그 예제 </h3>
<h4> h4 태그 예제 </h4>
<h5> h5 태그 예제 </h5>
<h6> h6 태그 예제 </h6>
</body>
</html>
✔️ <p> ~ </p>
: 문단 태그
: 단락을 정의하며 한 문단을 나타내는데 사용한다.
: p 태그는 <br><br> 과 유사한 정도의 줄 간격이 생긴다.
✔️ <br>
: 줄 바꿈 태그. 줄을 바꿈을 지정할 때 사용한다.
✔️ <hr>
: 수평선 태그. 문서 내에 수평선을 넣어준다.
| 속성 | |
| size | 선 굵기 |
| width | 선 길이 (%를 사용하면 브라우저 폭을 기준으로 선 길이 지정) |
| noshade | 입체감 삭제 |
| align | left / center / right 지정 가능 지정안하면 중앙정렬 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3> 기본 태그 </h3>
<div>
- p 태그 : 문단태그. 단락을 정의하여 한 문단을 나타내는데 사용함<br>
p태그는 br 태그 두 번한 것과 유사한 정도의 간격이 생긴다.<br>
- br 태그 : 줄 바꿈 태그.<br>
html은 엔터로 줄을 바꿀 수 없으며, 공백도 한간만 표시된다.<br>
- hr 태그 : 수평선 태그. 문서에 수평선을 넣어주는 태그
</div>
<p> p 태그 예제</p>
<p> p 태그 예제</p>
자바
안드로이드<br>
HTML
CSS
javascript<br><br>
servlet
jsp
<hr>
<hr color="blue">
<hr width="50%" align="center">
<hr size="5" width="50%" align="center">
<hr noshade="noshade" size="5" width="50%">
</body>
</html>
'HTML' 카테고리의 다른 글
| [HTML] 주요 formatting 태그 / <b> / <em> / <i> / <pre> / <sub> / <sup> (0) | 2022.09.06 |
|---|---|
| [HTML] 공통 속성(Global Attributes) / data-* / contenteditable (0) | 2022.09.06 |
| [HTML] Block-level element / inline element / 특수문자 (0) | 2022.09.06 |
| [HTML] 기본 태그 - http-equiv / <!DOCTYPE> / <html> / <head> / <title> / <meta> (0) | 2022.09.06 |
| [HTML] HTML 개념 / 기본 구조 / 마크업 언어 (0) | 2022.09.06 |
블로그의 정보
개발자 미니민의 개발로그
mini_min