텍스트 관련 태그

FrontEnd_day1 정리 (2021.12.02 목요일)

텍스트 관련 태그

• 제목
  • <h1, 2, 3, 4, 5 ,6></h1, 2, 3, 4, 5, 6>
  • HeadLine의 약어
  • 제목으로 사용
  • 자동 줄바꿈으로 출력
  • 크기는 1~6 (1 > 6)
• 본문
  • <p></p>
  • 문단을 나누는 태그(paragraph)
  • 새로 줄 바꿔서 시작
  • <br> 태그를 두 번 사용한 만큼의 간격
  • <p> 태그를 여러 번 연속적으로 사용해도 행 간격이 더 이상 벌어지지 않음
• 텍스트 형태
  • <b> <i> <strong> <em>
• 앵커 태그
  • <a></a>
• <br> 태그
  • 줄 바꿈 태그
  • 여러 줄을 바꾸려면 여러 개 사용
  • <br><br><br>
• <hr> 태그

  • ---

  • <hr></hr>
  • 수평 줄 표시
• 주석 처리
  • <!-- 주석 입니다 -->
• 텍스트에 장식 효과를 주는 태그
  • <b></b>, <string></strong> : 텍스트 강조
  • <i></i>, <em></em> : 이탤릭체
  •  : 아래첨자
  •  : 위첨자
  • <big></big> : 현재 설정된 크기 보다 2포인트 크게
  • <small></small> : 현재 설정된 크기보다 2포인트 작게
  • <ins></ins> : 밑줄 표시
  • <del></del>, <strike></strike> : 가운데 줄 표시(취소선)
• <pre> 태그
  • 입력한 형태 그대로 출력
• <span> 태그
  • <span></span>
  • 줄바꿈 없이 영역 묶기
  • 태그 자체로는 아무 의미가 없지만
  • 텍스트 단락 안에서 줄바꿈 없이 일부 텍스트만 묶어서 스타일을 적용하려고 할 때 주로 사용
  • 대한민국 <span>서울</span>