바바

이미지 관련 태그 img 태그는 src 속성에 경로를 설정하여 이미지 파일을 불러온다. width, height - 크기 지정 - px(고정된단위) %(가변크기단뒤) 로 크기 지정 가능 고정 크기 단위(px): 화면 사이즈가 줄어도 크기가 변하지 않음 가변 크기 단위(%) : 화면 사이즈 혹은 기준 사이즈에 따라 크기가 변경됨 - image-map은 클릭할 수있는 구역을 가지는 의미 area - 이미지맵의 클릭할 수 있는 구역을 정의하는데 사용 name - map의 필수 속성, usemap과 결합하여 이미지와 맵사이의 관계 설정해줌. target="_blank" - 새창 띄워 이동 target="_self" - 현재 창에서 이동 (1) 작성 방법 (2) 예시 alt 속성 - 대체문구 - 이미지 출력이 되..

영역 관련 태그 - 영역 구분 태그 - 블럭 형식으로 영역 지정 - div끼리는 위아래로 위치 - 문장 단위로 영역 지정 - span끼리는 가로로 나열됨 iframe - 웹 문사 안에 다른 웹 체이지를 추가 - inline 형식 ex) 시맨틱 태그 - 하나의 웹사이트 안에 구역을 나누어 작성 하는 방식 - Header : 머리말 - Nav : 메뉴 - Section : 실제로 우리가 담을 내용 - Footer : 꼬리말

표 관련 태그 정리 -웹 문서에서 자료 정리를 위해 사용하는 태그 -행과 열로 구성되있고 행과 열이 만나는 지점을 셀이라고 함 - 독립적으로 사용 불가, tr / td / th 와 함께 사용 - 여러 열을 한 그룹을 묶어 표의 헤더로 지정 - 여러 열을 묶어 표의 본문으로 지정 - 여러 열을 묶어 표의 풋터로 지정 - 한 개의 행을 만드는 태그 - 한 개의 열을 만드는 태그 - 열에 대한 제목을 표시 - 가운데 정령, 굵게 표시 테이블 제목이나 내용 추가 tanle 태그당 하나만 사용가능 border - table의 테두리 두께 설정 가능 - width, height - 셀의 가로, 세로크기 지정 - 미지정시 글자에 맞춰서 만들어짐 표의 행과 열 합치기 colspan ="n" - n 만큼 가로로 합치기 ..

목록 관련 태그 - 순서 없는 목록 태그 - 리스트 앞에 ● 붙어서 출력 ( ● 모양은 css로 수정가능) - 리스트 요소 등록 HTML5 CSS3 JavaScript - 순서 있는 목록 태그 숫자로 표기 HTML5 CSS3 JavaScript 숫자 대신 영문 대문자, 소문자, 로마문자 가능 HTML5 CSS3 JavaScript 시작 숫자 변경 HTML5 CSS3 JavaScript 역순으로 항목 표시하기 HTML5 CSS3 JavaScript - 정의 목록 표기 - 제목과 설명이 한 쌍인 목록을 만들때 사용 - dt(제목), dd(설명) 이곳은 목록의 제목을 적는 곳입니다. 이곳은 목록에 대한 설명을 적는 곳입니다. 여러 줄을 작성 할 수도 있습니다 또 다른 목록의 제목을 적어 새로운 목록을 만들 수..

문자 관련 태그 - HTML5 문서 형식 선언 lang 속성 - 페이지가 어떤 언어로 되어 있나를 표시 - ex) - html 문서의 내용을 정의 - 줄 바꾸면서 수평선 넣는 태그 - 줄 바꿈 태그 - 문단을 나누는 태그 - 한 개의 공백만 표시하며 줄 바꿈 - 입력을 별도의 태그로 지정해 주어야 함. - 문단을 나누는 태그 - 띄어쓰기 혹은 줄 바꿈등 입력한 내용 그대로 표현함 ~ - 글씨크기 - 기본 글씨보다 굵음 - 굵은 글씨 - 일반 글자와 구분시 사용 - 굵은 글씨 - 의미의 중요성 표시 (강조와는 다름) - 글씨 기울이기 - 일반 글자와 구분시 사용 - 글씨 기울리기 - 의미 강조 표시 - 형광펜 효과 - 밑줄 - 일반글자를 작게 표시 - 아래첨자 - 위 첨자 - 취소선 - 인용문구를 나타냄 ..