도드넷

HTML frameset 태그 1. 역할 : 창 영역 나누기 2. 사용가능한 옵션- rows="백분율/필셀 수/비율" : 가로 줄로 나누기- cols="백분율/필셀 수/비율" : 세로 줄로 나누기- frameborder="굵기" : 줄 굵기 설정 3. 주의점- body 태그 밖에 작성할 것 4. 함께 쓰이는 태그- : 프레임 정의 5. 예제 코드 : 실행 :

HTML A 태그 1. 역할 : 다른 웹 문서와의 연결 (하이퍼링크) 2. 사용가능한 옵션- href="주소" - target="뜰곳설정" : "_self" 를 넣으면 자체가 그 웹페이지로 변경됨 "_blank" 하면 탭에 해당 페이지를 하나 더 추가. 3. 이미지 링크 만들기- 를 사이에 넣어준다. 4. 위치설정하고 이동하는 링크 : 문서상 위치를 지정한다링크이름 : 클릭하면 해당 주소의 웹문서의 해당 위치로 이동하는 링크를 만든다.(주소를 안쓰면 본문 웹문서에서 찾는거다) 5. 예제 코드 : 실행 :

HTML colgroup 태그 1. 역할 : 테이블의 세로줄 디자인? 설정하기 2. 사용가능한 옵션 3. 예제 코드 : * span은 몇번째 세로줄까지 설정할지 결정한다. 첫번째 빨갛게 칠하는 명령어에 span=2 이면 2열도 빨간색이 된다. 실행 :

HTML td, th 태그 1. 역할 : 셀(칸) 생성 2. td = th 3. 사용가능한 옵션 : align="center/left/right : 수평정렬 valign="top/bottom/middle" : 수직정렬 width="숫자" : 가로크기 height="숫자" : 새로크기 background="경로" : 배경사진 bgcolor="색깔" : 배경색rowspan="행 칸수" : 해당 셀을 세로로 확장합니다. (이미 셀이 존재할경우 옆으로 밀어냅니다.)colspan="열 칸수" : 해당 셀을 가로로 확장합니다. ( // ) 4. 예제 코드 : 실행 :

HTML table 태그 1. 역할 : 테이블 생성 2. 테이블이란 ? 일종의 표 3. 함께 쓰이는 태그들- : 행 설정- : 셀(칸) 데이터 설정 (*참고 : 동일한 태그로 가 있음)- : 테이블 제목 4. 사용가능 옵션- border="숫자" : 경계선 굵기- background="경로" : 배경사진 설정- bgcolor="색상" : 배경색 설정- frame="border/box/void/above/below/hsides/vsides/lhs/rhs" : 테두리 스타일설정 5. 예제 코드 : 실행 :

HTML img 태그 1. 역할 : 그림파일 삽입, 사진넣기 2. 닫는 태그는 없음 3. 사용법 : 4. 사용가능 옵션 - 크기 설정 : width = "숫자" height="숫자" - 높이 설정 : align="top/middle/bottom"- 가로 여백 : hspace="숫자" - 세로 여백 : vspace="숫자"- 액자 설정 : border="굵기"- 그림 설명 설정 : alt="설명내용" (개인적으로 이건 IE에서만 작동했음 -_-) 5. 예제 코드 :실행 :포니 커여어 ㅇㅂㅇ

HTML li 태그 1. 역할 : 목록을 만드는 , 와 함께쓰이면서 목록의 요소 하나하나를 정의 2. 닫는 태그가 없음 3. 사용가능한 옵션start="(숫자)" : 시작할 번호 설정type="(문자)" : 표현방식 설정 [사용가능 문자 : a, A, i, I] value="(숫자)" : 시작할 번호를 다시 설정 4. 예제 코드 : 실행 :

HTML ol 태그 1. 역할 : 순서있는 목록 정의 2. 사용가능 옵션start="(숫자)" : 시작할 번호 설정type="(문자)" : 표현방식 설정 [사용가능 문자 : a, A, i, I] 2. 예제 코드 : 실행 :

html ul 태그 1. 역할 : 순서없는 목록을 만듭니다. 2. 목록의 요소들은 li 태그로 나타냅니다. 3. 사용가능한 옵션type="(모양)" : 목록에 달 모양설정. (사용 가능 모양 : disk, circle, square) 4. 예제 코드 : 실행 :

html acronym 태그 1. 역할 : 약자를 정의하고 보여줍니다. 2. 사용법 : 약자 3. 예제 코드 : 실행 :(마우스를 올리면 약자의 뜻이 보여짐)