Life and IT

1. form 사용자가 입력한 데이터를 수집하기 위해 사용 input, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있음 ... form elements (input, checkbox, radio button, submit button...) ... attribute 값 의미 action URL 입력 데이터가 전송될 URL 지정 method get / post 입력 데이터 전달 방식 지정 GET, POST는 HTTP 프로토콜을 이용하여 사용자 입력 데이터를 서버에 전달하는 방식 (HTTP request method) *HTTP 프로토콜 HTTP(Hypertext Transfer Protocol)는 인터넷상에서 데이터를 주고받기 위한 서버/클라이언트..

1. 이미지 attribute 의미 src 파일의 경로 alt 파일이 없을 경우 표시되는 문장 width 너비 (일반적으로는 CSS에서 지정) height 높이 (일반적으로는 CSS에서 지정) 2. 미디어 2.1 오디오 HTML5에서 새롭게 추가된 기능이며, IE8 이하에서 사용이 불가하다. attribute 의미 src 파일의 경로 preload 재생 전에 파일을 모두 불러올 것인지 지정 autoplay 파일을 자동 재생으로 개시할 것인지 지정 loop 파일을 반복 재생할 것인지 지정 control 재생 도구를 표시할 것인지 (외관은 브라우저마다 다르다.) 브라우저 별 파일 지원 형식 여기서 source 태그를 사용하면 파일 형식의 차이 문제를 해결할 수 있다고 한다. 어떤 방식으로 해결하는지 궁금하여..

1. List 1.1 순서 없는 목록 (Unordered List) 순서없는 목록 (Unordered List) Coffee Tea Milk 1.2 순서있는 목록 (Ordered List) 순서있는 목록 (Ordered List) Coffee Tea Milk type 어트리뷰트 사용 Value 의미 "1" 숫자 (기본) "A" 대문자 알파벳 "a" 소문자 알파벳 "I" 대문자 로마숫자 "i" 소문자 로마숫자 Coffee Tea Milk start 어트리뷰트 사용 Coffee Tea Milk reversed 어트리뷰트 사용 Coffee Tea Milk 1.3 중첩 목록 중첩 목록 Coffee Tea Black tea Green tea Milk 내비게이션 메뉴에 자주 사용된다 2. 테이블 tag 의미 tab..

HTML5 Tag - Text 제목 중요도 순서 (semantic) > > > > > 글자 형태 semantic X semantic O 볼드체 기울임꼴 (상대적) 작은 글씨 하이라이트 삭제줄 밑줄 아래첨자 위첨자 본문 단락 줄바꿈 *empty element, 몇 개를 넣어도 하나의 줄바꿈으로 표시됨 연속 공백   *(non-break space) 형식화된 text 수평줄 *empty element 인용 (quotation) 긴 인용 블록문 출처 : poiemaweb.com/

1. 문서 형식 정의 Tag HTML5 2. html tag 웹페이지에 단 하나만 존재 화면에 표시할 모든 콘텐츠는 이곳에 기술한다. 글로벌 어트리뷰트를 지원하며, 특히 lang 어트리뷰트를 사용하는 경우가 많다. 3. head tag head 요소는 메타데이터를 포함하기 위한 요소, html 태그와 같이 웹페이지에 단 하나만 존재 화면에 표시되는 일체의 요소를 포함하지 않는다. 3.1 title tag 문서의 제목을 정의하며, 브라우저의 탭에 표시된다. 3.2 style tag HTML 문서를 위한 style 정보를 정의 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore e..