09 August 2022
![[HTML] 텍스트 관련 태그(p, hr, em, strong, u, b, mark, br ...) 사용법](/assets/images/html/html.png)
p 태그
문단을 표시하는 태그(단락을 구분)
<html>
<head>
</head>
<body>
<p>단락1 입니다.</p>
<p>단락2 입니다.</p>
</body>
</html>
h1, h2 … h6 태그
헤드라인을 표시하는 태그이며, 숫자가 작을수록 크기가 크다.
<html>
<head>
</head>
<body>
<h1>제일 큰 제목</h1>
<h2>2번째로 큰 제목</h2>
<h3>3번째로 큰 제목</h3>
<h4>4번째로 큰 제목</h4>
<h5>5번째로 큰 제목</h5>
<h6>가장 작은 제목</h6>
</body>
</html>
hr 태그
수평선을 표시하는 태그로 주제 변경이나 내용 구분시에 사용하는 태그이다.
<html>
<head>
</head>
<body>
<p>첫 단락</p>
<hr>
<p>두번째 단락</p>
</body>
</html>
br 태그
줄바꿈(==Enter) 을 적용해주는 태그이다. br 태그 하나당 1줄씩 줄바꿈 처리 된다.
<html>
<head>
</head>
<body>
첫 줄 내용
<br>
두번째 줄 내용
</body>
</html>
b 태그
해당 b ~~ /b 안의 텍스트에 Bold(강조) 를 적용한다.
<html>
<head>
</head>
<body>
일반 글씨
<br>
<b>강조된 Bold 글씨</b>
</body>
</html>
strong 태그
해당 strong ~~ /strong 안의 텍스트를 굵게 만든다.
<html>
<head>
</head>
<body>
일반 텍스트
<br>
<strong>폰트 굵게 적용된 텍스트</strong>
</body>
</html>
u 태그
해당 u ~~ /u 안의 텍스트에 언더바( _ ) 를 적용한다.
<html>
<head>
</head>
<body>
일반 내용
<br>
<u>밑줄 쳐진 내용</u>
</body>
</html>
em 태그
해당 em ~~ /em 안의 텍스트에 이탈릭체(폰트)를 적용한다.
<html>
<head>
</head>
<body>
일반 텍스트
<br>
<em>이탈릭체 적용 텍스트</em>
</body>
</html>
mark 태그
해당 mark ~~ /mark 안의 텍스트에 형광펜 표시를 적용한다.
<html>
<head>
</head>
<body>
일반 텍스트
<br>
<mark>형광펜 효과 적용 텍스트</mark>
</body>
</html>
 
태그는 아니지만 HTML에서 띄어쓰기(==SpaceBar) 1칸을 의미한다.
<html>
<head>
</head>
<body>
띄어쓰기전문구   1칸띄어쓰기후문구
</body>
</html>
![[Linux] Tomcat 서버 시작/종료/재시작](/assets/images/linux/linuxTomcat.png)
![[IDE] 이클립스 War Export 추출 시 오류 Module name is invalid](/assets/images/ide/warExportError.png)
![[경제공부] 양적완화(QE)를 넘어 양적긴축(QT)의 시대로(+테이퍼링)](/assets/images/economy/qeqt.png)
![[경제공부] 데드 캣 바운스(Dead Cat Bounce)](/assets/images/economy/deadcat.png)
![[경제공부] 베어마켓랠리(Bear-Market rally)](/assets/images/economy/bearMarket.png)
![[코인 생태계 지식] 2. 코인 테마별 정리](/assets/images/coin/coinType.png)
![[코인 생태계 지식] 1. 코인 생태계 구성(VC, 토큰이코노미)](/assets/images/coin/tokenPercent.png)
![[Util] 코드 정리해주는 사이트 모음 : HTML/JS/CSS](/assets/images/util/codeClean.png)
![[Blog] HTML form태그에서 메일보내기 : Google Apps Mail](/assets/images/blog/html_mail.png)
