텍스트와 관련된 요소를 모아보자

자바스크립트에서 텍스트 요소는 HTML 문서에서 사용자에게 보여지는 텍스트를 나타내는 요소입니다. 이러한 요소들은 주로 DOM(Document Object Model)에서 조작되며, 자바스크립트를 사용하여 HTML 문서의 내용을 동적으로 변경할 수 있습니다.

 

• <h1>~<h6> : 제목 요소로, 각각 크기와 중요도가 다릅니다.
• <p> : 단락 요소로, 텍스트의 덩어리를 표시합니다.
• <span> : 인라인 요소로, 텍스트를 그룹화하거나 스타일링을 적용하는 데 사용됩니다.
• <strong> : 강조 요소로, 굵게 표시합니다.
• <em> : 강조 요소로, 이탤릭체로 표시합니다.
• <u> : 밑줄 요소로, 텍스트에 밑줄을 긋습니다.
• <s> : 취소선 요소로, 텍스트에 취소선을 긋습니다.
• <a> : 앵커 요소로, 링크를 생성하는 데 사용됩니다.
• <abbr> : 축약어 요소로, 축약어나 두문자어를 정의할 때 사용됩니다.
• <address> : 연락처 정보를 담은 요소로, 일반적으로 사이트의 소유자 정보나 문의처를 나타냅니다.
• <blockquote> : 인용구 요소로, 긴 인용문을 표시할 때 사용됩니다.
• <cite> : 인용문에서 인용된 작품 제목이나 작가 등의 정보를 표시하는 요소입니다.
• <code> : 코드 블록을 표시하는 요소입니다.
• <del> : 삭제된 텍스트를 표시하는 요소입니다.
• <ins> : 추가된 텍스트를 표시하는 요소입니다.
• <kbd> : 키보드 입력을 나타내는 요소입니다.
• <mark> : 강조된 텍스트를 표시하는 요소입니다.
• <pre> : 서식이 있는 텍스트를 표시하는 요소입니다.
• <q> : 짧은 인용문을 표시하는 요소입니다.
• <small> : 작은 글씨로 표시하는 요소입니다.
• <sub> : 아래 첨자로 표시하는 요소입니다.
• <sup> : 위 첨자로 표시하는 요소입니다.
• <time> : 날짜와 시간을 표시하는 요소입니다.
• <var> : 변수나 수식을 표시하는 요소입니다.

 

이 외에도 다양한 텍스트 요소들이 있으며, 이러한 요소들을 자바스크립트를 사용하여 동적으로 조작하여 웹페이지를 보다 동적이고 상호작용적인 경험으로 만들 수 있습니다.