alsdnr6672 님의 블로그

입력 양식 태그 사용자에게 값을 입력받을 수 있는 텍스트 상자 또는 체크 박스 등을 표시할 수 있음 폼(form) 태그form 태그 내에 submit 버튼 클릭 시 해당 form 태그 내에 작성된 사용자 입력한 값들을 서버로 전달하면서 요청하는 역할을 수행  action : 요청할 서버 경로                    => 해당 서버로 사용자가 form 내에 입력 태그를 통해 작성한 값들을 전달 * method : 요청 전송 방식 지정 (get/post). 기본값: get  * placeholder : 텍스트 상자에 설명 문구 * maxlength   : 입력할 수 있는 최대 길이  * required    : 필수 입력 항목. 입력하지 않을 경우 요청되지 않음!  date :           ..

하이퍼링크 태그 href 속성현재 같은 경로에 있는 문서파일(html)로 연결 target 속성연결할 페이지를 어떤 탭으로 연결할 것인지 지정 _self : 기본값. 현재 탭에서 연결  _blank : 다른 탭으로 연결 title:한 페이지 내에서 이동하는 링크 작성

* 블럭 요소   : 한 줄 단위로 영역 차지                        줄바꿈이 적용됨 -> 다음 줄에 다른 요소의 내용이 표시됨                        p, pre, "div", .* 인라인 요소 : 내용 영역(content)에 해당하는 부분만 영역 차지                        줄바꿈이 적용되지 않음 -> 바로 옆에 다른 요소의 내용이 표시됨                        => 줄바꿈 처리를 하고자 할 경우 br 태그를 사용해야 함                        b, mark, img, "span", .. span 태그는 인라인요소로 content영역만 차지함          줄바꿈 처리되지 않고 옆으로 영역이 잡힘div 태그는 ..

meta 태그 : 종료태그 없음.                          사용자에게 표시되는 부분이 아니고,                          브라우저/검색엔진/기타 서비스 부분에서 사용되는 이미지 태그   img src="표시하고자 하는 이미지 경로"   alt="이미지의 설명" width="가로길이(px/%) height="세로길이(px/%) 오디오 태그 controls : 재생도구 출력여부             - autoplay : 자동재생 여부 (크롬 x, IE o... 거의 안된다...)             - loop     : 반복재생 여부             - muted : 음소거 설정

: 기본적인 표를 생성하는 태그 : 표의 한 행을 나타내는 태그    : 표의 제목 셀을 나타내는 태그 -> 글자를 굵게 표시하고 가운데 정렬해줌!    : 표의 일반 셀을 나타내는 태그border: 표의 테두리 두께caption : 테이블 제목 표시 태그  width : 가로 길이 지정 속성 (기본 px 단위)  height : 세로 길이 지정 속성 (기본 px 단위) colspan="2" : 2개의 열을 병합(합치기)  rowspan="2" : 2개의 행을 병합(합치기

ul : 순서 없는 목록 태그ol : 순서 있는 목록 태그* 순서에 대한 속성 *               - type : 순서 표시 타입 (숫자, 알파벳(A, a), 아라비아숫자(i))               - start : 시작값 설정. 숫자로 값 설정. (1, 5, ...)               - reversed : 역순 표시dl : 설명 관련 목록 태그 (주로 용어 정의 시 사용)

br>  **줄바꿈 처리**strong : 글자를 굵게 표시하는 태그 (+스크린 리더)em>em : 글자를 기울여서 표시하는 태그mark : 형광펜 효과와 함께 표시하는 태그 u : 글자에 밑줄을 표시하는 태그       s : 글자에 취소선을 표시하는 태그           small : 글자를 작게 표시하는 태그 문단을 나누는 태그로 p태그와 pre태그가 있다.  p : 태그 내에서는 줄바꿈처리를 하고자 한다면 별도의 태그를 사용해야 함pre 태그는 시작태그에서부터 종료태그까지 입력한 내용을 그대로 표현함          줄바꿈처리!!

-- 문서 유형 정의.HTML 형식 문서 선언 -- 1)문서 전체를 삼싼느 태그. 루트 요소로 문서의 시작과 끝을 표시                                    2)--lang 속성 :문서 고유의 언어 설정(ko,en,..) meta 태크 : 종료태그 없 음.