반응형
< 텍스트 관련 태그들 >
태그 | 설명 |
<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 |