HTML(31)
-
입력관련태그(button, textarea)
botton 태그 - 버튼을 만드는 태그 - type="submit" type에서 submit을 작성하게 되면 form을 제출하는 버튼을 만들 때 제출하겠다는 의미 botton에서 type을 지정해주지 않으면 기본으로 submit이 지정됨 - type="reset" : 작성된 모든 값을 초기화 -type="botton" : 버튼 동작을 개발자가 만들고자 할 때 사용 textarea 태그여러 줄을 입력할 수 있는 입력 상자 속성 - name : 제출되는 곳에서 데이터를 읽을 때 필요한 이름 - rows : textarea 행 크기를 지정(rows="3" : 3행) //세로 길이 - cols : textarea 열 크기를 지정(cols="10" : 10열) //가로 길이 - style="resiz..
2024.05.17 -
입력관련태그 (form, input)
form 태그 - 입력 양식을 작성하는 영역(공간) - 내부에 작성된 입력 값을 지정된 공간으로 제출하는 역할 속성 1. action : 제출된 공간을 지정하는 속성(주소를 작성) 2. method : 설정된 공간으로 데이터를 전달하는 방식 3. name : 자바스크립트에서 사용. form의 이름을 지정하는 속성 4. target : 제출된 페이지를 현재 또는 새 탭으로 열기 설정 input 태그 - 웹문서에서 사용자가 입력할 수 있는 형식을 제공해주는 태그 - 많은 type이 존재하고, input의 변형 형태도 다양하게 존재하고 - name 속성이 99% 이상 필수로 작성되어야 함. 그래야 추후 개발할 때 용이 name ="변수명" => 추후 개발에서 필요한 변수명을 작..
2024.05.17 -
하이퍼링크태그
a(anchor : 연결, 고정) 태그 - 현재 HTML문서와 다른 HTML 문서를 연결 시켜 페이지를 이동할 수 있게 만드는 태그 - a 태그로 감싸진 글/내용을 하이퍼텍스트로 연결(하이퍼링크를 통해서) * 하이퍼링크 : hyper(최고의) link(연결) a 태그 사용- href="연결하고자하는 웹사이트 주소나 html파일이름 작성" - target="_blank" 새 탭에서 열기 * href = Hypertext Referrence : 연결할 주소를 지정하는 속성 # : - HTML에서 주로 페이지 내부의 특정 위치로 이동할 때 사용 - 단독으로 사용하면 현재 페이지의 맨 위로 이동하거나 - 페이지에서 특정 요소로 이동할 수 있음 - 스크롤 효과나 페이지 안에서 탐색할 때 사용 ..
2024.05.17 -
영역관련태그
div 태그에서 선택적으로 색상이나 스타일을 적용하고자 할 때는 class="변수명"을 넣어서 스타일을 구분지음 head에서 style 태그 안에 내가 작성한 변수명을 지정해서 작성하고 싶다면 ".변수명{}" 표기 block 형식- 화면에서 공간을 세로로 분할 - block 형식의 태그 1. h1 ~ h6 (제목) 2. p/pre (문단) -> 글자 위주 3. hr (수평선) 4. div (영역분할) -> 글자, 텍스트, 그림 등 각종 파일 표현 - 블록 형식 태그들은 작성된 내용이 짧더라도 한 줄을 모두 차지하려는 성질을 가짐 때문에 다음 태그 내용은 다음 줄에 작성 div 형식- 가장 많이 사용하는 태그 - 문서를 구분짓는데 ..
2024.05.17 -
iframe
iframe : 웹에서 또 다른 html 태그하거나 비디오를 가지고오는 태그 - 비디오의 경우 저작권 문제로 외부에서의 재생을 막았을 경우 실행할 수 없음보통 동영상 퍼가기 기능을 사용하면 iframe 코드를 줌html5 이후 부터는 사용을 많이하진 않음 src=" " 불러올 주소 위치 설정 width=" " 가로길이 지정 height=" " 세로길이 지정 frameborder=" " 테두리 지정. 0으로 설정하면 테두리 없음 외부에서 태그해서 볼 수 없도록 지정해놓으면 엑박으로 되면서 홈페이지에서 연결을 거부했습니다라고 나옴 외부에서 볼 수 있도록 지정해놓으면 html에서 src 안에 작성한 홈페이지를 볼 수 있음
2024.05.17 -
비디오관련태그
: 비디오 관련 태그 비디오를 재생하는데 사용되는 태그 controls : 재생, 일시정지, 음량조절 등의 기능을 활용할 수 있음 autoplay : 자동 재생 muted : 비디오 음소거 loop : 비디오가 끝나면 자동으로 무한반복재생 source : 비디오 파일을 제공하기 위한 공간. 실질적으로 비디오를 불러오는 공간 사용 예제 video 태그 옆에 controls 또는 autoplay를 작성 비디오 태그 안에 라는 태그 작성 - 태그 옆에 src를 사용해서 비디오를 불러올 위치 지정 태그 옆에 type을 사용해서 비디오의 형식을 지정
2024.05.17