목록Mark Up (6)
능글맞은 구렁이
autocomplete="off" autocomplete="new-password"

1. 시멘틱속성 footer : 개인정보처리방침, 회사대표번호, 고객상담 등 section : 컨텐츠, 영역을 분할할 경우 article태크 article : 영역을 분할할 경우 aside : 본문내용과 상반된 컨텐즈 주로 배너 nav : 메뉴들 ※footer, section, article, aside : HTML5추가된 부분 -> 검색속도를 빠르게 하려는 목적
●태그 1. 태그란? ~~안에는 다양한 입력요소인 , , 태그 및 이와 관련된 , , 태그등이 사용된다. 2. 태그의 속성 1) action="URL" : 폼이 제출될 때 폼 데이터를 전달받아 처리할 페이지의 주소를 지정 2) method="전송방식" : 폼 데이터를 제출할 때 사용하는 HTTP방법 (get, post) 3) name="이름" : 폼의 이름을 지정 4) accept-charset="인코딩" : 폼제출을 위해 사용되는 문자 인코딩방식을 지정 5) autocomplete="on|off" : 폼의 input요소에서 자동완성 기능을 사용 여부를 지정 6) enctype="인코딩" : "method=post"인 경우서버로 제출될 때 폼 데이터의 인코딩 방식을 지정 7) novalidate : 제출..
●테이블의 기본형식 See the Pen HTML-table1 by jangboraa (@jangboraa) on CodePen. ●테이블의 행과 열의 병합 *열병합* See the Pen HTML-table2 by jangboraa (@jangboraa) on CodePen. *행병합* See the Pen HTML-table3 by jangboraa (@jangboraa) on CodePen. *행 열 병합* See the Pen HTML-table4 by jangboraa (@jangboraa) on CodePen. ● 테이블의 이용한 요소의 배치 See the Pen HTML-table5 by jangboraa (@jangboraa) on CodePen. ● 테이블 콘텐츠의 그룹핑 HTML 테이블..
●이미지 삽입 웹 문서에 이미지를 삽입하기 위해서는 태그를 사용하며, 종료태그 없이 시작태그만 사용한다. *태그의 속성* 1. src="이미지파일경로" : HTML문서에 표시할 이미지 파일의 경로 지정 2. width="숫자" : 이미지의 폭 지정 3. height="숫자" : 이미지의 높이 지정 4. alt="내용" : 이미지가 표시되지 않을 때 대체될 텍스트를 지정 5. usemap="#이름" : 클라이언트 측의 이미지맵을 지정 ※ GIF, JPG, PNG 파일의 특징※ -GIF : 256개의 색상만 지원, 투명배경 처리지원, 용량이 작음, 애니매니션 지원, 로고나 클립아트 형태의 이미지에 적합 -JPG : 트루컬러지원, 압축률이 좋아 용량이 작음, 사진과 같은 이미지에 적합 -PNG : 트루컬러지원..
● HTML 문서의 기본 구조 - :문서 유형 - :html 시작 - :헤드부분 보통 , , , ●글자 스타일 지정 단순히 웹브라우저에 어떻게 표시될 것인가를 나타내는 출력 모양만을 지정하는 태그이다. 단순히 웹브라우저에 어떻게 표시될 것인가를 나타내는 물리적 스타일과 태그 자체에 의미가 부여되어 있는 논리적 스타일의 태그들이 존재한다. 번호 태그 설명 1 물리적 글자가 진하게 강조가 된다. 2 물리적 글자가 기울어진 형태로 표시된다. 3 물리적 글자 가운데를 통과하는 수평성이 표시가된다. 4 물리적 글자에 밑줄이 표시된다. 5 물리적 글자가 위첨자로 표시된다. 6 물리적 글자가 아래첨자로 표시된다. 7 물리적 글자가 기본 크기보다 작은 크기로 표시된다. 8 논리적 인명 인용대신에 작품의 제목을 표시(기..