자바스프링웹공부(2024)/HTML, CSS (13) 썸네일형 리스트형 2024.08.14. HTML - form 태그 * 폼 안에서 여러 구역 나누기 - : 하나의 폼안에서 여러구역을 나누어 표시할 때 사용.- : 태그로 묶은 그룹에 제목을 붙일 때 사용.- : 태그와 같은 폼 요소에 레이블을 붙일때 사용. 레이블은 입력란 가까이에 표시하는 텍스트. label 태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결되었다는 것을 웹브라우저가 알 수 있다. 사용방법1. 태그안에 폼요소를 넣어서 사용. 2. 떨어져 사용할때는 id속성값을 label 태그의 for 속성에게 알려줌. 아이디 글자를 클릭해도 input 태그 안으로 커서가 자동이동한다. 로그인 아이디(6자이상) : 아이디(6자이상) : * 입력양식(컨트롤) 작성 : input 태그- size : 상자 너.. 2024.08.09. HTML - form 1 1. 폼 안에서 여러 구역 나누기 : 폼요소를 그룹으로 묶는 fieldset, legend 태그상품선택 2. 요소(태그)의 항목명 지정 : label 태그아이디(6자이상) : 태그 내에 태그를 넣어서 사용함. -->아이디(6자이상) : 2024.08.09. HTML - 비디오태그, 오디오태그, a 태그 * 비디오 태그, 오디오 태그- object, embed : ~ HTML4 까지 사용함. : 주로 pdf 파일 올릴 때 사용함. 아직도 사용하는 곳이 있다. : 브라우저중에서 object 못 사용하는 태그에서 사용했음. 음악만 가능함. - video, audio : HTML5 ~ 현재까지 사용중. controls : 플레이 컨트롤 나오려면 controls 가 있어야 함. autoplay : 자동재생이 되어야하지만 구글에서는 자동재생이 안되도록 되어있다. loop : 반복재생 muted : 음소거를 하면 autoplay 가 적용이 된다. poster : 썸네일 - [ , 태그 사용예시 ]* a태그 : 하이퍼링크 역할을 하는 태그- target 속성 : 연결한 내용이 표시될 위치, 현재.. 2024.08.02 HTML - 목록 태그, 테이블 태그 *목록 태그 1. ul 태그 : 순서가 없는 목록 만들기, li 태그를 함께 사용한다. 2.ol 태그 : 순서가 있는 목록 만들기, li 태그를 함께 사용한다. type 속성 : 숫자형식("1"), 영문자 형식:("a","A"), 로마자 형식:("i","I") start속성 : 목록의 시작 번호를 지정 선물용 3kg 대과 15개 이상 중과 10 ~ 12개 소과 13 ~ 16개*테이블태그 캡션태그 테이블 제목표시 수습 국원 지원 양식 개인정보 이름 2024.07.26. HTML *HTML 문서 구성- : 검색엔진들이 문서를 찾으러 올때 제일먼저 head로 옴. css, js파일 연결할때 적어줌. : 기능을 할 수 있는 정보를 가짐. 검색엔진에서 사이트 검색할 때 참고함. (검색엔진에 따라 참고하는 정보가 달라진다.) : 실제 출력부분. : 어던 언어로 쓰여진 웹페이지 인지 알려줌. 써치할 때 중요하다. 이 언어로 소리내어 읽어준다고 한다. - 자바는 할때마다 ctrl+11 해서 컴파일 해야되지만 web은 서버가 돌아갈 필요가 없으므로 F5로 새로고침만 하면 된다.- : 웹표준으로 작성된 문서임을 정의 **태그를 배워보자** - 띄어쓰기 : 특수문자 사용.- <hr> = //웹에서 표현할때 사용함. - &nbsp; = .. 이전 1 2 다음
