최근 글
HTML blockquote 태그: 블록 인용과 출처 표시 방법
blockquote로 인용 구역을 만들고 cite 속성과 출처 링크를 구분하는 방법을 예제로 설명합니다. q 요소와의 차이 및 CSS로 인용 모양을 조절하는 방법도 확인합니다.
HTML address 태그: 작성자·사이트 연락처 표시 방법
address로 글 작성자와 사이트 운영자의 연락처를 구분하는 방법을 전체 예제로 설명합니다. 일반 위치 주소와의 차이, mailto 링크의 동작, 허용되는 내용과 스타일 변경도 다룹니다.
HTML abbr 태그: 약어 뜻 표시와 title 속성 사용법
abbr로 약어를 표시하고 전체 이름을 설명하는 방법을 알아봅니다. title 툴팁의 역할과 한계, 모바일·키보드 사용자에게도 뜻을 전달하는 작성 방법을 예제로 비교합니다.
HTML hidden 입력: 숨은 값 전송과 보안상 주의점
hidden 입력의 name·value와 폼 전송 조건을 실행 예제로 확인합니다. disabled·CSS 숨김과의 차이, 값 변경 가능성, 실제 서버에서 검증해야 할 항목을 설명합니다.
HTML textarea 태그: 여러 줄 입력·초기값·크기와 길이 제한
textarea의 rows·cols와 입력 길이 제한을 구분하고, 초기값·줄바꿈·초기화 동작을 전체 예제로 확인합니다. readonly와 disabled의 전송 차이, JavaScript와 서버에서 값을 다루는 주의점도 설명합니다.
CSS / Tutorial / placeholder의 색, 글자 모양 등 꾸미는 방법
placeholder는 HTML5에서 새로 나온 속성으로 input 요소나 textarea 요소에 안내문을 넣을 수 있습니다. 기본 모양은 회색의 글자로, 배경색이 하얀색 또는 밝은 색이면 보기에 괜찮습니다. 하지만 배경색이 어두운 색이거나 화려한 색이면 회색 글자가 어울리지 않을 수 있습니다. placeholder는 ::placeholder 선택자로 선택하여 꾸밀 수 있습니다.
HTML 강좌 / 양식에 안내 문구 추가하기
HTML 양식에서 label, placeholder, value의 역할을 구분하고 안내 문구를 넣는 방법을 설명합니다. input·textarea 예제와 필수 입력 검사, 빈 값의 제출 동작을 함께 확인할 수 있습니다.
HTML 강좌 / 표 만들기
HTML 표의 기본 요소인 table, tr, th, td를 사용해 행과 열이 있는 데이터를 만들고, thead와 tbody로 구조를 나누는 방법을 설명합니다.
HTML 강좌 / 링크(link)
a와 href로 절대·상대 주소, 문서 내 이동, 이메일·다운로드 링크를 만드는 방법을 설명합니다. 세 파일을 직접 연결하는 실습으로 경로와 결과를 확인합니다.
CSS / Reference / list-style-type
목록의 의미를 유지하면서 마커 모양과 번호 표시를 변경합니다. start 속성, 이미지 마커와 단축 속성의 영향까지 예제로 확인합니다.