개발 공부 기록하기

DAY 2. 텍스트(text) 삽입과 관련된 tag 본문

프밍/HTML

DAY 2. 텍스트(text) 삽입과 관련된 tag

태영(泰伶) 2022. 8. 20. 22:01
   
<hn> - 제목 tag. 다른 text보다 크고 진하게 표시.
- = heading
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6>가 있음.
- h 옆의 숫자가 작을수록 큰 제목.
<p> - text 단락을 만듦.
<br> - 줄바꿈.
- 단락이 나눠진게 아니라서 나중에 CSS 적용할 때 주변과 구분해서 적용할 수 없음.
<blockquote> - 인용문임을 나타냄.
- 다른 text보다 좀 들여쓰기 되어 나타남.
<strong> - 중요한 내용을 굵게 강조.
- 시각장애인용 screen reader(화면 낭독기)에서 accent 넣어서 읽어줌.
<b> - 단순히 글자만 굵게 나타냄.
<em> - 기울임체로 강조.
- 문장 흐름상 특정 부분 강조.
<i> - 단순히 글자만 기울여 나타냄.
- 마음 속 생각, 용어, 관용구 등.
<abbr> - 줄임말 표시.
- title 속성을 함께 쓸 수 있음.
     ex, <abbr title="Internet of Things">IoT</abbr>
           
<cite> - 웹 문서나 포스트에서 참고 내용 표시.
     ex, <p>내가 경험한 가장 흥미진진한 일은 누군가를 만나는 일이다 - 영화, <cite>'비포선셋'</cite></p>

         
<code> - 컴퓨터 인식을 위한 소스 코드.
     ex, <code>function savetheLocal( )</code>
           
<small> - 작게 표시해도 되는 text (ex, 부가 정보)
     ex, <p>가격: 13,000원 <small>(부가세 별도)</small></p>
           
<sub> - 아래 첨자.
     ex, <p>물의 화학식은 H<sub>2</sub>O입니다.</p>
           
<sup> - 위 첨자.
     ex, <p>E=MC<sup>2</sup></p>
           
<s> - 취소선.
     ex, <p><s>34,000원</s>19,000원</s></p>
           
<u> - 밑줄.
     ex, <p><u>텍스트에 단순히 밑줄 긋기</u></p>
           
<ins> - 공동 작업 문서에서 새로운 내용 삽입.
     ex, <p><ins>새로운 내용을 삽입합니다.</ins></p>
           
<del> - 공동 작업 문서에서 기존 내용 삭제.
     ex, <p><del>기존 내용을 삭제합니다.</del></p>
           
 

 

Comments