HTML5 [PoiemaWeb]폼 태그 1. form form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용된다. input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식태그를 포함할 수 있다. submit button이 클릭되면 input 태그에 입력된 데이터가 form태그의 method 어트리뷰트에 지정된 방식으로 action 어트리뷰트에 지정된 서버축의 처리 로직에 전달된다. attribute Value Description action URL 입력 데이터(form data)가 전송될 URL 지정 method get / post 입력 데이터(form data) 전달 방식 지정 1.1. GET GET 방식은 전송 URL에 입력 데이터를 쿼리스트링으로.. 2023. 2. 27. [PoiemaWeb]이미지,동영상,음악 등 멀티미디어를 지원하는 태그 1. 이미지 웹페이지에 이미지를 삽입하는 경우, img 태그를 사용한다. attribute Description src 이미지 파일 경로 alt 이미지 파일이 없을 경우 표시되는 문장 width 이미지의 너비 (CSS에서 지정하는 것이 일반적) height 이미지의 높이 (CSS에서 지정하는 것이 일반적) 2. 미디어 2.1 오디오 웹브라우저 별로 지원하는 음악 파일 형식이 다르다. 파일 형식에 따라 재생되지 않는 브라우저가 존재한다는 뜻이다. source 태그를 사용하여 파일 형식의 차이 문제를 해결 할 수 있다. type 어트리뷰트는 생략 가능 atrribute Description src 음악 파일 경로 preload 재생 전에 음악 파일을 모두 불러올 것인지 지정 autoplay 음악 파일을 자동.. 2023. 2. 26. [PoiemaWeb]목록, 표 형식 표현을 위한 태그 1. 목록(List) 1.1 순서없는 목록(Unordered List) 1.2 순서있는 목록(Ordered List) 1.3 type 어트리뷰트를 사용하여 순서를 나타내는 문자를 지정할 수 있다. 1.4 start 어트리뷰트로 리스트의 시작값을 지정할 수 있다. 2. 테이블(Table) tag Description table 표를 감싸는 태그 tr 표 내부의 행(table row) th 행 내부의 제목 셀(table heading) td 행 내부의 일반 셀(table data) 테이블 태그의 어트리뷰트 attribute Description border 표 테두리 두께 지정. (CSS border property를 사용하는 것이 더 나은 방법이다.) rowspan 해당 셀이 점유하는 행의 수 지정 col.. 2023. 2. 26. [PoiemaWeb]텍스트 관련 태그 1.글자 형태 태그 1.1 b bold체를 지정한다. 의미론적(Semantic) 중요성의 의미는 없다. 1.2 strong b 태그와 동일하게 bold체를 지정한다. 하지만 의미론적 중요성의 의미를 갖는다. 1.3 i Italic체를 지정한다. 의미론적 중요성의 의미는 없다. 1.4 em emphasized(강조,중요한) text를 지정한다. i 태그와 동일하게 Italic체로 표현된다. 의미론적 중요성의 의미를 갖는다. 1.5 mark highlighted text를 지정한다. 1.5 del deleted(removed) text를 지정한다. 1.6 ins inserted(added) text를 지정한다. 1.7 sub / sup sub 태그는 subscripted(아래에 쓰인) text를 sup 태그.. 2023. 2. 24. 이전 1 2 다음
