카테고리: HTML

blockquote로 인용 구역을 만들고 cite 속성과 출처 링크를 구분하는 방법을 예제로 설명합니다. q 요소와의 차이 및 CSS로 인용 모양을 조절하는 방법도 확인합니다.

address로 글 작성자와 사이트 운영자의 연락처를 구분하는 방법을 전체 예제로 설명합니다. 일반 위치 주소와의 차이, mailto 링크의 동작, 허용되는 내용과 스타일 변경도 다룹니다.

abbr로 약어를 표시하고 전체 이름을 설명하는 방법을 알아봅니다. title 툴팁의 역할과 한계, 모바일·키보드 사용자에게도 뜻을 전달하는 작성 방법을 예제로 비교합니다.

hidden 입력의 name·value와 폼 전송 조건을 실행 예제로 확인합니다. disabled·CSS 숨김과의 차이, 값 변경 가능성, 실제 서버에서 검증해야 할 항목을 설명합니다.

textarea의 rows·cols와 입력 길이 제한을 구분하고, 초기값·줄바꿈·초기화 동작을 전체 예제로 확인합니다. readonly와 disabled의 전송 차이, JavaScript와 서버에서 값을 다루는 주의점도 설명합니다.

HTML 양식에서 label, placeholder, value의 역할을 구분하고 안내 문구를 넣는 방법을 설명합니다. input·textarea 예제와 필수 입력 검사, 빈 값의 제출 동작을 함께 확인할 수 있습니다.

HTML 표의 기본 요소인 table, tr, th, td를 사용해 행과 열이 있는 데이터를 만들고, thead와 tbody로 구조를 나누는 방법을 설명합니다.

a와 href로 절대·상대 주소, 문서 내 이동, 이메일·다운로드 링크를 만드는 방법을 설명합니다. 세 파일을 직접 연결하는 실습으로 경로와 결과를 확인합니다.

HTML 목록은 순서가 중요하면 ol, 중요하지 않으면 ul, 이름과 설명이 짝을 이루면 dl로 작성합니다. 세 목록의 구조와 번호 지정, 중첩 방법을 실행 가능한 예제로 살펴봅니다.

br이 삽입하는 줄바꿈과 소스 코드의 줄바꿈을 전체 예제로 비교합니다. p·wbr·pre의 선택 기준과 문단 간격을 margin으로 조절해야 하는 이유도 설명합니다.