HTML15 HTML Form 태그 태그여러줄을 입력하는 텍스트 영역 태그-게시판에서 들을 입력 OR 회원가입 양식에서 사용자 약관 표시cols: 텍스트 영역의 가로 너비를 문자 단위로 지정한다.rows: 텍스트 영역의 세로 길이를 줄 단위로 지정/지정한 숫자보다 줄 개수가 많아지면 스크롤 막대가 생성된다.>> 태그 속성이나 css에서 resize: none을 넣지 않으면 크기를 마음대로 변화 시킬 수 있다. (cols, rows는 크기가 정해져 출력되지만 크기 수정은 가능하다.) , 태그: 드롭다운 목로을 만들어 주는 태그-사용자가 내용을 직접 입력하지 않고 '여러 옵션 중에서 선택' : 드롭다운 목록>> 목록 클릭 시 옵션이 요소 아래쪽으로 펼쳐짐>> 목록의 시작과 끝을 표시 : 데이터 목록>>원하는 항목 추가>> value 속성을.. 2024. 8. 8. HTML Input.2 태그type="checkbox" & type="radio"type=”checkbox>>2개 이상 선택 가능하다type=”radio >> 1개만 선택 가능 : 이미 선택한 항목이 있을 경우 다른 항목을 선택하면 기존 항목은 취소한다. type=”checkbox” 오늘 점심으로 먹고 싶은 음식은? 햄버거 된장찌개 김치찌개 카레value 값을 지정해 선택한 체크박스나, 라디오 버튼을 서버에 알려 줄 때 넘겨줄 값을 지정한다.checked를 사용해 여러 항목중에서 기본으로 선택해 놓고 싶은 항목을 지정한다. type="radio"성별이 무엇입니까? 남 여 모름 name은 라디오 버튼이나 체크박스가 여러 개 있는 경우, 서버의 폼 프로그램에서 구분으 하기 위해 이름을 정한다.>> ’radio 버튼’.. 2024. 8. 5. HTML. Input.1 태그사용자로 부터 입력 받을 수 있는 입력 필드(input filed)를 정의 기본 형태 type = "text" & type = "password"텍스트 필드: 주로 아이디나 이름, 주소 등 한 줄 짜리 일반 텍스트를 입력할 때 사용한다.비밀번호 필드: 입력하는 내용을 화면에 보여 주지 않아야 하므로 *, ●로 표시 된다.size - 텍스트, 비밀번호 필드의 길이를 지정, 화면에 몇 글자가 보이도록 할 것인지를 지정한다.value - 텍스트 필드 요소가 화면에 표시될 때 텍스트 필드 부분에 보여주는 내용 → 이 속성을 사용하지 않으면 빈 텍스트 필드가 표시 / 비밀번호 필드에서는 사용하지 않는다. maxlenght - 텍스트 필드와 비밀번호 필드에 입력할 수 잇는 최대 문자 수 지정한다.placeho.. 2024. 8. 5. HTML Form Form(폼)사용자가 웹 사이트로 정보를 보낼 수 있는 요소텍스트필드, 체크박스, 라디오 버튼, 송신 버튼 등 다향한 유형이 입력 요소를 위한 컨테이너폼 자체는 표시되지 않는다.ex) 아이디 또는 비밀번호 입력, 로그인 버튼, 회원 가입 등 태그폼을 만드는 태그, 태그: 폼 요소를 그룹으로 묶는 태그태그: 하나의 폼 안에서 여러 구역을 나누어 표시 태그: 태그로 묶은 그룹에 제목을 붙이는 태그 날짜 선택좌석 선택 태그: 태그와 같은 폼 요소에 레이블으 붙일 때 사용레이블(label): 입력란 가까이에 아이디나 비밀번호처럼 놓은 텍스트 태그 사용 시 폼 요소와 레이블 텍스트가 서로 연결되었다는 것을 웹 브라우저가 인식날짜 선택 사용자 아이디 사용자 비밀번호좌석 선택 2024. 8. 5. HTML Media 멀티미디어 파일 삽입, 태그>> 웹 문서 안에 다른 문서를 삽입할 때도 사용 가능하다.>> 오디오 파일 뿐만 아니라 비디오, PDF 등 다양한 멀티미디어 파일 삽입 가능하다.embed src="파일경로" width="너비" height="높이" /> 태그>> 오디오, 비디오, 이미지 등 다양한 멀티미디어 파일 삽입 가능하다.>> src 속성을 사용하여 멀티미디어 파일 지정 & 삽입한다. , 태그 > 오디오와 비디오 파일을 삽입- HTML4까지는 웹 브라우저에서 멀티미디어 파일을 삽입한 후 재생하려면 플러그인 프로그램이 따로 필요- 태그>> controls 속성: 오디오나 비디오 파일을 시작하거나 종료할 수 있는 컨트롤 바 속성 controls 플레이 화면에 컨트롤 바를 표시autopla.. 2024. 8. 3. HTML Image 이미지 삽입하기 태그웹 문서에 이미지를 삽입할 때 가장 기본인 태그img 이미지 src 속성: source(소스파일)이미지 파일의 경로를 지정>> 웹 브라우저에 알려주는 역할alt 속성: alter(대체 텍스트)화면 낭독기 등에서 이미지를 대신해서 읽어 줄 텍스트를 입력한다.인터넷이 불안정하거나 이미지 파일 경로에 문제가 있을 시 alt속성 내용으로 대체된다. width, height 속성width: 이미지의 너비 지정height: 이미지의 높이 지정>> width 혹은 height 중 1개만 지정해도 나머지 속성은 비율을 자동으로 계산단위 : 퍼센트(%), 픽셀(px) 2024. 8. 1. 이전 1 2 3 다음
