coding with cong

style 태그 적용 1. 적용 태그에 style 속성을 이용하여 적용하는 방법 2. 태그 사용하는 방법 : head 내부에서 선언하는 방법 3. link를 이용하여 이미 만들어져있는 css파일 가져오는 방법 (link head안에 추가) #input1 { height: 100px; font-size: 50px; color: blue; }

img 태그 : 와 동일 기능 width : 이미지 가로길이 height : 이미지 세로길이 auto : 비율에 맞춰 자동생성 차이점 input태그사용시, 사진위에 마우스를 올리면 손가락모양으로 변경됨 img태그는 변경x

ifame 태그 : 웹 문서에 동영상 / 웹 문서(다른사이트)를 넣을 수 있게 하는 태그 속성 width : 가로길이 height : 세로길이 frameborder : 테두리 표시여부 (1이면 표시, 0이면 x) scrolling : 스크롤 바 유무 선택 (yse는 표시, no는 x, auto는 자동) 사용) 블로그에 유튜브 영상을 가져오는 경우 많이 사용 iframe을 지원하지 않습니돵

table 태그 : 표 생성에 사용 요소 tr : 행 th / td : 열 (한칸) th : 제목, 합계 ( 가운데 정렬, 굵은 글씨 ) td : 일반 ( 왼쪽 정렬, 보통 글씨 ) thead / tbody / tfoot 사용하지 않는 경우 tbody 자동생성 순서는 thead > tbody > tfoot 순서가 달라져도 무조건 thead는 상단에 표시 된다 설정 : 보통 css에서 설정 가능 border : 테두리 두께 설정 bordercolor : 테두리 색상 width : 가로길이 셀 병합 colspan : 열 병합 (가로) rowspan : 행 병합 (세로) 단, 병합을 하려면 병합될 칸을 삭제하기! 생성 예시 3x4 : 3행 4열 : tr * 3 / td * 4 tr*3 > td*4로 한번에 생..

list 태그 : 상/하 목록으로 구성되어 있는 상황을 나타내는 경우 사용 메뉴바를 구성하는 경우 메인메뉴, 서브메뉴 구분시 사용 ol 태그 : 순서가 있는 리스트 (번호 표현) type : 숫자의 형태를 정해주는 속성 기본 1 , A, a, i, I start : 시작 숫자 설정 ul 태그 : 순서가 없는 리스트 (모양 표현) type : 기호의 현태를 정해주는 속성 desc : 기본형 ● circle : ○ square : ■ li 태그 : 태그안에서 하위목록 표시 li*5 = li가 5개 한번에 생성 alt누르고 다중클리기 한번에 변경가능 사용 ol 과 ul 오늘의 할일 등교 수업1 수업2 수업3 수업4 수업5 점심메뉴 라멘 돈까스 라면 김밥 부대찌개 ul 안에 ol 오늘의 할일 출근 점심 퇴근 저..

textarea 태그 : 여러줄의 문자열을 입력받는 경우 사용 : 한줄의 문자열을 입력받는 경우 사용 속성 cols : 칼럼 글자수, 한 행에 몇글자까지 가능 rows : 행수 minlength : 최소 글자 수 maxlength : 최대 글자 수 (속성이 없는 경우 무제한) 사용 문의사항같은 간단한 글을 남기는 경우 사용 게시글처럼 복잡한(서식이 있는) 경우 플러그인을 사용 예) HTML 삽입 미리보기할 수 없는 소스

select 태그 : 제시된 항목 중 하나를 선택하게 하는 태그 콤보박스와 유사 사용 option태그를 이용하여 선택영역의 값을 표현 option태그 안의 value속성을 이용하여 옵션태그가 선택되었을 경우) 전송되는 값 지정 value가 없는 경우) option태그의 문자열 값이 전송됨 예) 출생년도 2001 2002 2003

pre 태그 : 태그안에 입력할 코드가 그대로 보여지게 하는 태그 (보여지는 공백도 그대로 포함) 안녕하세요 홍길동입니다. 홍 길 동 안녕하세요 홍길동입니다. 홍 길 동

div 태그 : 원하는 컨텐츠를 묶어서 사용할때 사용 p 태그와 유사 block 속성 (새 라인에서 시작) 기본 위/아래의 마진(여백)이 없음 시멘틱 태그의 형태로 - P 태그와 비슷 - block 속성의 태그 (새 라인에서 시작하는 태그) - p태그는 기본 시작의 위/아래에 여백(마진)이 있고, div는 없음 - 원하는 컨텐츠를 묶어서 사용할 때 쓰임 - 시멘틱 태그의 형태로 여러가지 말로 바뀌여서 쓰이고 있음 안녕 반가워 div와 p 비교 : 모두 콘텐츠를 묶을경우 사용 p 태그는 기본 시작의 위/아래 마진(여백) 이 있고, div는 없음

button 태그 : 버튼을 생성하는 태그 (input type = "button" 과 동일 기능) 쌍태그 : button태그 안쪽에 문자열을 이용하여 버튼의 이름을 지정 form태그 안에서 사용 form태그 안에서 타입을 설정하지 않는 경우) 기본 submit으로 생성 일반버튼 전송버튼 리셋버튼 메뉴버튼 input type = "button" 과 button 비교 : input태그와 버튼태그는 모두 버튼을 생성하는 태그 input 은 text, password등 입력을 받을 때 주로 사용 button을 이용해 생성하는 경우가 많음 button을 사용하면 버튼의 속성을 더 세세히 만들수 있다는 장점이 있음 input은 단일 / button은 쌍태그