본문 바로가기

프로그래밍/HTML

텍스트 관련 태그들

반응형

< 텍스트 관련 태그들 >

 

태그 설명
<hn> 각 웹 콘텐츠 영역에서 제목을 표시할 때 사용하는 태그.
<h1>~<h6>
<br> 줄 바꾸기.
<hr> 주제가 바뀔 때 분위기 전환. 수평 줄 생김.
<p> 텍스트 단락이 만들어짐.
<blockquote> 인용 내용, 다른 텍스트보다 안으로 들여 써짐.
<pre> 입력한 그대로 표시.
<strong>, <b> 글자 게 표시.
<q> 인용 내용 표시.
<mark> 형광펜 효과.
<span>, <div> 영역 묶기.
<span> - 줄 안에서(인라인), 
<div> - 줄 바꿔 (블록) 단락으로 묶기.
<ruby>, <rt> <ruby> 태그 안에 <rt> 태그를 사용해 주석 표시.
<abbr> 약자 표시. title 속성과 함께 사용할 수 있음.
<cite> 웹 문서나 포스트에서 참고 내용 표시.
<code> 컴퓨터 인식을 위한 소스 코드.
<kbd> 키보드 입력이나 음성 명령 같은 사용자 입력 내용.
<small> 부가 정보처럼 작게 표시해도 되는 텍스트.
<sub> 아래 첨자.
<sup> 위 첨자.
<s> 취소선.
<u> 밑줄.
<ul>, <li> 순서 없는 목록.
<ol>, <li> 순서 목록.
<dl>, <dt>, <dd> 제목과 그에 대한 설명으로 이루어진 목록.
<table> ~ <table> 표 전체.
<tr> ~ </tr> 행.
<td> ~ </td> 셀.
<th> ~ </th> 제목 셀.
<col>, <colgroup> 열끼리 묶어 스타일 지정.
<img> 웹 문서에 이미지를 삽입할 때 사용.
<figure>, <figcaption> 이미지에 설명글 붙일 때 사용.
<a> href속성을 사용해 링크한 문서나 사이트의 주소를 입력할 때 사용.
<area> 이미지맵 : 한 이미지 상에 여러 다른 링크를 만들 때 사용.
<form> 폼을 만드는 기본 태그. <form>과 </form> 사이에 여러 폼 요소를 삽입하여 다양한 기능을 구사할 수 있음.
<label> 폼 요소에 레이블을 붙이는 태그, 라디오 버튼이나 체크 박스에서 텍스트 부분을 클릭해도 라디오 버튼과 체크 박스 버튼이 선택되도록 함.
<fieldset> 폼 요소를 그룹으로 묶는 태그.
<legend> 그룹으로 묶는 구역에 제목을 붙이는 태그. (바깥에 박스 모양으로 구분선이 생김.)
<input> 사용자가 입력하는 부분은 거의 <input> 태그를 이용해 처리.
입력하는 내용의 종류는 <input> 태그의 type 속성을 통해 지정.
반응형

'프로그래밍 > HTML' 카테고리의 다른 글

<a>태그 관련 예제  (0) 2023.01.03
<input>태그 관련 예제  (0) 2023.01.03
<form> 관련 태그 예제  (0) 2023.01.03
첫 프로그래밍-HTML  (1) 2022.05.20