728x90 HTML11 7. input 태그 input은 내용이 없는 빈 요소이며, type 속성을 통해 여러 종류의 입력 양식으로 나타낼 수 있다. input 태그 형식type: 입력 태그의 유형을 설정하는 속성value: 유저가 입력 필드에 입력한 정보name: 서버로 전달되는 이름을 설정하는 속성id: 다른 요소와 식별 가능하게 하는 고유한 이름주요 속성autofocus: 페이지를 불러오자마자 폼에서 원하는 요소에 자동으로 마우스 포인터를 표시placeholder: 사용자가 텍스트를 입력할 때 입력란에 적당한 힌트 내용을 표시title: 마우스 커서를 갖다 대면 해당 요소가 의미하는 바를 알려주는 역할을 하는 속성autocomplete: 예전에 입력한 내용을 자동으로 표시해 주는 자동 완성 기능readonly: 읽기 전용 필드. 입력x 수정x.. 2024. 7. 3. 6. 표 태그 표를 정의하는 가장 바깥쪽 태그표의 제목 설정표의 위쪽 중앙에 제목 표시행, 셀 : 표의 행(row): 표의 데이터 셀(data cell)을 정의. 태그 안에 위치: 제목 행의 셀. 안에 위치하며, 주로 표의 첫 번째 행에 사용열: 테이블의 열 1개 정의: 열들을 그룹화하여 스타일 적용, 태그는 반드시 태그 다음에 사용 머리글과 본문: 표의 머리글: 표의 본문: 표의 바닥글. 일반적으로 표의 요약 정보나 총계를 포함하는 행셀 병합: 셀을 가로로 병합: 셀을 세로로 병합셀의 내용셀의 내용 제목 1 제목 2 내용 1 내용 2 .. 2024. 7. 3. 5. 목록 태그 (ol, ul, dl) 1. 순서 있는 목록(ordered list)안에 태그들이 포함되며, 각 태그는 목록의 각 항목을 나타낸다.start: 시작 번호 지정 ex) 번호 유형(type 속성에 사용): 'a'(소문자 알파벳), 'i'(소문자 로마 숫자), 'I'(대문자 로마 숫자) 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3 - 실행 결과 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3">순서 있는 목록1순서 있는 목록2순서 있는 목록3 2. 순서 없는 목록(unordered list)기호(type 속성에 사용): 원형(bullet-기본값), 사각형(square) 순서 없는 목록1 순서 없는 목록2 순서 없는 목록3 .. 2024. 7. 3. 4. <div>, <span> 1. HTML 문서 내에서 한 개의 가로 공간(Block)을 만드는 태그div 태그들을 연달아 사용했을 때, 열 형식으로 나열된다.div 태그div 태그div 태그 - 실행 결과div 태그 div 태그 div 태그">div 태그div 태그div 태그 2. 주어진 이미지, 내용에 의하여 사이즈가 유동적으로 바뀌는 태그span 태그들을 연달아 사용했을 때, 행 형식으로 이어서 나열된다.span 태그span 태그span 태그 - 실행 결과span 태그 span 태그 span 태그">span 태그 span 태그 span 태그 2024. 7. 3. 이전 1 2 3 다음 728x90