'HTML' 카테고리의 글 목록 (4 Page)

HTML input이 아닌 입력 태그

텍스트공간의 크기 변경 -resize : none 사이즈변경 불가 -resize: both 사이즈변경 가능(defult값) -resize: vertical 위 아래로만 변경가능 -resize: horizontal 좌우로만 변경가능 resize 속성의 값(텍스트공간의 크기 변경) 1. none : 사이즈변경 불가(크기고정) 2. both : 수평 수직 변경 허용(defult값) 3. vertical : 수평 변경 허용 4. horizontal : 수직 변경 허용 선택 목록 관심 주제를 한가지 선택하시오. HTML5 CSS3 Javascript JQuery 같이 사용하는 속성 multiple : 다중 항목을 선택할 수 있도록 지정. (안할시 한줄로만 표시되어있음) 공간이 항목의 개수만큼 확장 size : 다..

HTML 2020. 5. 13. 16:47

HTML 다양한 입력 양식

나도 버튼 input type의 button문으로 (버튼)을 만들 수 있다 input type의 submit문은 양식을 제출할때(데이터를 보낼때) 쓰인다. value : 버튼의 이름 지정 onclick="msg()" : 버튼클릭후 출력할 메세지 문을 통해서도 (버튼)을 만들 수 있음 로그인 영역 ID: PW: 으로 묶어주면 안에있는코드에 검은색박스영역이 생성된다 문구를 입력하면 필드셋에 제목을 입력가능. 입력된 데이터를 백으로 전달(form 안으로 묶어줘야 입력한 데이터전송이 가능하다.)

HTML 2020. 5. 13. 16:32

HTML 회원 가입 예제

아이디 비밀번호 비밀번호 확인 Phone number 주소 이메일 태그 주요 요소 action : 데이터가 보내질 위치를 지정 method : 전송 방식. GET/POST name : 폼의 이름 결정 (css나 javascript에서 활용) 연동태그(기초) 태그 : 입력 필드 태그 주요 요소 type : 입력 태그의 모양을 지정(text, submit, reset 등) 주요 속성 값 - text : 문자열을 입력 받는 형식 - password : 문자열을 입력받는 형식(내용 숨김) - submit : 버튼 형태. form 태그의 action 속성에 지정된 페이지로 input 태그의 값을 전송 - reset : input 태그에 입력한 값을 초기화 태그 input 태그는 일종의 변수 name 속성으로 변수..

HTML 2020. 5. 12. 19:11

HTML 공간 분할 예제

공간을 나눠서 새창이나 새탭말고도 페이지 안에서 링크를 띄을 수 있다. inrame 공간 분할 예제 인사말| 강의 소개 | 강사 소개 | 교육원 홈페이지 | ICIA교육원(주) 이렇게 만든 링크를 페이지 안에 공간에 띄을 수 있다. 인사말 안녕하세요. 강의를 맡은 000입니다. 기타등등 질문은 aaa@aaa.com 로 보내주세요. 강좌 페이지 여기는 강좌 페이지 입니다. 아래의 주제로 강의 합니다. HTML5 CSS3 Javascript w3c 홈페이지 여기는 자손의 자손 페이지 입니다. ICIA l2.html(코드)

HTML 2020. 5. 12. 19:02

HTML 블록과 인라인

요소(태그)의 유형 기본 표시 값 - block, inline block - div 항상 새 줄에서 시작. 사용 가능한 전체 너비를 차지. - h1~h6, p, ul, ol, dl, 시맨틱 태그들 등. inline - span 새 줄에서 시작하지 않음. 필요한 만큼만 폼을 차지. - a, b, i, strong, em, mark 등. -div 태그 html 요소의 컨테이너로 사용되는 태그. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique sem eget quam gravida, et tempus ipsum suscipit. Aliquam accumsan interdum leo ullamcorper eg..

HTML 2020. 5. 12. 18:49

HTML 이미지 넣기

[그림] 기련 [그림] 기련 : HTML 문서에 이미지를 추가하기 위한 태그 파일 형식 : GIF, JPG, PNG 이미지 입력(삽입) ------------------------------ 이미지에 링크 걸기 img 태그를 a 태그로 감싸주면 됨

HTML 2020. 5. 12. 18:35

HTML 비디오 삽입

태그 파일 형식 : mp4, webM 주요 속성 : src, poster, preload, autoplay, loop, controls, width/height, muted(음소거) 로 파일이름을 넣으면 동영상파일이 입력된다 *실행하기위해선 controls 문구를 넣어줘야함 위에 다양한 문구로 영상 속성 변경 가능 youtube 연동하는 방법 -유튜브 영상 마우스 우클릭 후 소스코드 복사 -> 붙여넣기 하면 유튜브 영상 첨부 완료!

HTML 2020. 5. 12. 18:09