반응형 프로그래밍/HTML48 [HTML] 테이블(table) 태그 속성 (병합, 테두리, 간격, 여백) 목 차1. table 태그란?2. 기본 구조3. 속성3-1. table 속성3-2. td 및 th 속성4. CSS 스타일링5. 접근성 향상 1. table 태그란?HTML의 태그는 데이터를 행(row)과 열(column)로 구성된 표 형태로 표현할 때 사용됩니다. HTML 테이블은 구조적으로 데이터를 조직화하는 데 적합하며, 다양한 태그를 조합하여 표의 내용과 레이아웃을 정의할 수 있습니다. 2. 기본 구조 Header 1 Header 2 Data 1 Data 2 : 테이블을 정의하는 컨테이너 태그입니다.: 테이블의 한 행(row)을 정의합니다.: 테이블 헤더 셀을 정의하며 기본적으로 텍스트가 굵게 표시되고 중앙 정렬됩니다.: 테이블 데이터를 정의하는 일반 셀입니다... 2025. 1. 11. 아스키 코드표 (0 ~ 255) 한 눈에 확인하기 목 차1. ASCII 코드표 (0 ~ 127)2. 확장 ASCII 코드표 (128 ~ 255) 1. ASCII 코드표 (0 ~ 126)10진수16진수8진수2진수HTML 표현문자00x0000000000000�NUL10x0100100000001SOH20x0200200000010STX30x0300300000011ETX40x0400400000100EOT50x0500500000101ENQ60x0600600000110ACK70x0700700000111BEL80x0801000001000BS90x0901100001001	TAB100x0A01200001010
LF110x0B01300001011VT1.. 2024. 12. 7. 텍스트 입력을 위한 input 태그의 올바른 사용법 목 차1. 태그란?2. 기본 구조3. 태그 속성3-1. type3-2. name3-3. id3-4. value3-5. placeholder3-6. maxlength3-7. required3-8. disabled3-9. readonly3-10. pattern3-11. autofocus3-12. autocomplete4. type 속성별 예제4-1. 기본 텍스트 입력 (type="text")4-2. 비밀번호 입력 (type="password")4-3. 이메일 입력 (type="email")4-4. 숫자 입력 (type="number")4-5. URL 입력 (type="url")4-6. 전화번호 입력 (type="tel")4-7. 날짜 및 시간 입력4-8. 체크박스 (type="checkbox")4-9. .. 2024. 12. 5. 여러 줄 입력하는 textarea 태그 올바른 사용법 목 차1. 태그란?2. 기본 구조3. 속성3-1. name3-2. id3-3. rows3-4. cols3-5. placeholder3-6. disabled3-7. readonly3-8. maxlength3-9. wrap4. 예제4-1. 기본 텍스트 입력 필드4-2. placeholder 속성 적용4-3. 비활성화 된 텍스트 영역 (disabled 속성)4-4. 읽기 전용 텍스트 영역 (readonly 속성)4-5. 제한된 문자수4-6. 입력된 텍스트 가져오기4-7. 텍스트 동적 변경 1. 태그란?HTML의 태그는 여러 줄의 텍스트를 입력할 수 있는 입력 필드를 생성하는 데 사용됩니다. 주로 사용자로부터 긴 텍스트 데이터를 입력받기 위해 사용되며, 예를 들어 댓글 입력란, 메모 입력란 등에 사용됩니.. 2024. 12. 4. HTML select 태그와 option 태그 사용법 목 차1. 기본 구조2. 문법3. 태그 속성3-1. name3-2. id3-3. multiple3-4. size3-5. disabled4. 태그 속성4-1. value4-2. selected4-3. disabled5. 예제5-1. 기본 드롭다운5-2. 다중 선택 가능 드롭다운5-3. 비활성화 된 옵션 포함5-4. 선택된 값 가져오기5-5. 옵션 동적 추가 1. 기본 구조HTML의 태그는 드롭다운 목록을 생성하기 위해 사용됩니다. 사용자가 목록에서 하나 이상의 옵션을 선택할 수 있게 합니다. 태그는 기본적으로 태그와 함께 사용됩니다. 2. 문법 Option 1 Option 2 Option 3 태그: 드롭다운을 감싸는 태그입니다. 태그: 드롭다운 내의 각 옵션을 정의합니다. 기본 .. 2024. 12. 3. [HTML] form 태그 설명 및 예제 목 차1. form 태그 기본 구조2. form 태그의 주요 속성2-1. action2-2. method2-3. enctype2-4. target2-5. novalidate3. 폼 요소의 구성3-1. 입력 필드3-2. 버튼3-3. 드롭다운 메뉴3-4. 텍스트 영역4. 폼 데이터의 전송 흐름5. 폼 검증5-1. 기본 HTML5 검증5-2. 자바스크립트 커스텀 검증6. 고급 활용6-1. AJAX로 폼 데이터 전송6-2. multipart/form-data로 파일 업로드 1. form 태그 기본 구조 Submit 2. form 태그의 주요 속성2-1. action폼 데이터를 전송할 서버의 URL을 지정합니다.기본값: 현재 페이지 URL ... 2-2. method데이터를 전송하는 HTT.. 2024. 11. 24. 이전 1 ··· 3 4 5 6 7 8 다음 반응형