[HTML] paragraph 텍스트
2023. 3. 7. 01:18ㆍ기술 창고/HTML
728x90
반응형
SMALL
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Paragraph tag</title>
</head>
<body>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia, velit vel repellendus modi perspiciatis doloremque temporibus numquam illo doloribus, rerum sit tempora reiciendis dicta ad laudantium ipsa excepturi quam esse.
</p>
<p>
<a href="">naver</a>
<a href="">daum</a>
</p>
<p>
Lorem ipsum, dolor sit amet <b>bbb</b>
</p>
<p>
Lorem ipsum, dolor sit amet <i>italic</i>
</p>
<p>
Lorem ipsum, dolor sit amet <small>small</small>
</p>
<p>
Lorem ipsum, dolor sit amet <sup>sup</sup>
</p>
<p>
Lorem ipsum, dolor sit amet <ins>ins</ins>
</p>
<p>
Lorem ipsum, dolor sit amet <del>del</del>
</p>
</body>
</html>
<!--
# lorem 키워드를 입력하면 더미 텍스트를 입력받을 수 있다.
# 문장이 너무 길면 alt + z 로 현재 코드 화면 크기에 맞게 문장을 개행시킬 수 있다.
# <b> = 단순 의미없는 강조 태그
# <i> = 단순 의미없는 기울여쓰기 강조 태그
# <small> =
# <sup> = 올려쓰기 태그
# <ins> = 밑줄긋기 태그
# <del> = 삭제표시 태그
-->
- paragraph 태그는 문단과 연관된 태그이다.
- <b> : 단순한 의미없는 강조 태그.
- <i> : 단순한 의미없는 기울여쓰기 강조 태그.
- <small> : 저작권과 법률 표기 같은 작은 텍스트를 나타내는 태그.
- <sup> : 올려쓰기 태그.
- <ins> : 밑줄긋기 태그
- <del> : 삭제표시 태그
- vsc 에서 lorem 키워드를 입력하면 더미 텍스트를 받을 수 있다.
728x90
반응형
LIST
'기술 창고 > HTML' 카테고리의 다른 글
[HTML] 정형화된 텍스트 (0) | 2023.03.07 |
---|---|
[HTML] 시멘틱 (semantic) 구분 (0) | 2023.03.07 |
[HTML] Heading 태그 (0) | 2023.03.07 |
[HTML] 시멘틱 (semantic) 태그 (0) | 2023.03.07 |
[HTML] div 태그로 그룹화 (0) | 2023.03.07 |