이파닭 IT 이파닭 IT

Form 태그 Form 태그 : 사용자 입력을 수집하고 서버로 전송하는데 사용 속성 action : 데이터가 전달될 주소값을 지정 Ex) 결과.html method : 폼 데이터 전송 방식 지정 GET : 작성한 내용을 url 에 전송 표시됨 보안에 취약함 길이 제한이 있음 (2048자) 검색할 때 많이 사용 POST : 본문을..

select , option select / option 태그 - select : 클릭하면 밑으로 메뉴가 내려오는 입력 태그 - option : select 클릭시 보여줄 메뉴를 작성하는 태그 메뉴선택 초밥 샐러드 돈까스 김밥 삼겹살 기타 입력관련 태그 - type="color" : 색을 입력할수 있는 입력상자 출력 - type="file" : 파일을 선택할 수 있는 탐색기 진행 - type="hidden" : 화면에 보이지 않음 (화면에서 숨기고 싶은 값이 있을 경우 사용) ..

form 태그 / input 태그 form 태그 - 입력 양식을 작성하는 영역(공간) - 내부에 작성된 입력 값을 지정된 공간으로 제출하는 역할 속성 1. action : 제출된 공간을 지정하는 속성(주소를 작성) 2. method : 설정된 공간으로 데이터를 전달하는 방식 3. name : 자바 스크립트에서 사용, form 의 이름을 지정하는 속성 4. target : 제출된 페이지를 현재 또는 새 탭으로 열기 설정 input 태그 - 웹 문서에사 사용자가 입력할 수 있는 양식을 제공해주는 태그 - 많은 type 이 존재하고, input 의 변형 형태도 다양하..

a(anchor : 연결, 고정) 태그 - 현재 HTML 문서와 다른 HTML 문서를 연결 시켜 페이지를 이동할 수 있게 만드는 태그 - a 태그로 감싸진 글, 내용을 하이퍼 텍스트로 연결(하이퍼링크를 통해서) 하이퍼링크 : hyper(최고의) link(연결) a 태그 사용 href="연결하고자 하는 웹사이트 주소나 HTML 파일 이름 작성" target="_blank" 새 탭에서 열기 href (HyperText REFerence) : 연결할 주소를 지정하는 속성 # HTML 에서 주로 페이지 내부의 특정 위치로 이..

iframe 사용하기 iframe 은 웹페이지나 웹에 있는 정보를 포함해서 보여주는 태그 HTML5 로 오면서 사용을 많이 하지 않음 HTML 을 포함해서 보여주기도 함 src="" 를 사용해서 불러올 주소 설장이나 위치 설정 width="" : 가로 길이 지정 height="" : 세로 길이 지정 frameborder="" : 테두리 지정, 0 으로 설정하면 테두리 없음 iframe 외부에서 태그해서 볼 수 없도록 지정해 놓으면 엑스박스(안보이는것)로 되면서 홈페이지에서 연결을 거부했습니다. 라고 나옴 외부에서 볼 ..

style 태그 내용 적용 확인 AAAAAAAAAAAAAAAAAAAAAAAA block 형식 - 화면에서 공간을 세로로 분할 - block 형식의 태그 h1 ~ h6 (제목) p/pre (문단) -> 글자 hr (수평선) div (영역 분할) -> 글자, 텍스트, 문자, 그림 등 파일 표현 블록 형식 태그들은 작성된 내용이 짧더라도 한 줄을 모두 차지하려는 성질 때문에 다음 태그 내용은 다음에 작성 div 형식 가장 많이 사용하는 태그 ..

비디오 태그 video 를 재생하는데 사용되는 태그 controls : 재생, 일시정지, 음량조절 등의 기능을 활용할 수 있음 autoplay : 자동재생 muted : 비디오 음소거 loop : 비디오가 끝나면 자동으로 반복해서 무한 재생 source : 비디오 파일을 제공하기 위한 공간, 실직적으로 비디오를 불러오는 공간 Ex video 태그 안에 source 를 작성 video 태그 옆에 controls 를 작성 비디오 태그 안에 so..

사진은 이미지주소 에 주소 혹은 저장 루트를 적으면 뜸  이미지 태그 img - 웹 문서에 사진이나 그림 같은 이미지를 삽입하는 용도의 태그 [속성] (속성 : 태그에 작성하는 내용) 1. src : 삽입할 이미지의 경로를 작성하는 속성 (파일 위치, 인터넷 주소 = 이미지를 가져올 수 있는 경로) 2. width : 가로 길이를 지정해주는 속성 (필수 아님) 3. height : 세로 길이를 지정해주는 속성 (..