폼이란? 사용자가 웹 사이트로 정보를 보낼 수 있는 요소 ex) 로그인 버튼, 회원 가입 등 폼을 만드는 태그 태그 몇 가지 속성을 사용하여 입력받은 자료를 어떤 방식으로 서버로 넘길지, 서버에서 어떤 프로그램을 이용하여 처리할 것인지를 정함 기본형 : 여러 폼 요소 태그의 속성 method : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 정함, method에서 사용할 수 있는 속성값은 get과 post ┌ get : 256 ~ 4096 byte까지 서버로 넘길 수 있음, 주소 표시줄에 사용자가 입력한 내용이 그대로 드러남 └ post : 입력한 내용의 길이에 제한받지 않음, 사용자가 입력한 내용이 드러나지 않음 name : JavaScript로 폼을 제어할 때 사용할 form의 이..
이미지를 삽입하는 태그 태그 웹 문서에 이미지를 삽입할 때 사용 기본형 : 웹 문서 파일과 이미지 파일이 같은 경로에 있다면 src 속성에는 간단히 이미지 파일의 이름만 적으면 됨 alt 속성을 지정하면 이미지를 제대로 표시할 수 없는 경우에 이미지 대신 텍스트가 나타남 width, height 속성으로 이미지의 크기를 조절할 수 있음 % : 현재 웹 브라우저 창의 너비와 높이를 기준으로 이미지 크기를 결정함 px : 이미지의 너비나 높이를 해당 픽셀 크기만큼 표시함 -(예시) 원래 크기의 이미지 width=50%인 이미지2 height=200px인 이미지3 멀티미디어 파일을 삽입하는 태그 태그 HTML 초기 버전부터 사용하여 대부분의 브라우저에서 사용 가능 src 속성을 사용하여 삽입할 멀티미디어 파일..
표를 만드는 태그 태그 표의 시작과 끝을 알려 줌 태그 사이에 표와 관련된 태그를 넣음 태그 표에 제목을 붙임 태그 바로 아랫줄에 사용함 제목은 표의 위쪽 중앙에 표시됨 행과 셀을 만드는 태그 태그 행을 만듦 태그 행 안에 있는 셀을 만듦 태그 표의 제목 행에 셀을 만듦 태그를 사용한 내용은 진하게 표시되고 중앙에 배열됨 -(예시) 표 만들기 예시 예시 1 예시 2 예시 3 A B C 가 나 다 -(결과) 표의 구조를 지정하는 태그 태그 thead는 "table" 과 "head"가 합쳐짐 제목 부분 태그 tbody는 "table" 과 "body"가 합쳐짐 본문 부분 태그 tfoot은 "table" 과 "foot"이 합쳐짐 요약 부분 행이나 열을 합치는 속성 rowspan 속성 행을 합침 colspan 속..
순서 있는 목록을 만드는 태그 태그 ol은 ordered list의 줄임말 기본적으로 숫자 1, 2, 3, · · · 으로 번호를 붙임 type 속성을 사용하여 영문자나 로마 숫자 등으로 순서를 나타낼 수 있음 type = "1" : 숫자(기본값) type = "a" : 영문 소문자 type = "A" : 영문 대문자 type = "i" : 로마 숫자 소문자 type = "I" : 로마 숫자 대문자 start 속성을 사용하여 시작 번호를 바꿀 수 있음 태그 li는 list의 줄임말 목록을 표시할 내용 앞뒤에 태그를 두고, 그 사이에 태그를 삽입함 -(예시) 목록 1 목록 2 이어서 목록 표시하기 목록 3 목록 4 목록 표시 끝! -(결과) 순서 없는 목록을 만드는 태그 태그 ul은 unordered li..
제목을 나타내는 태그 태그 h는 제목을 뜻하는 heading의 줄임말 n의 자리에는 1~6의 숫자가 들어감 이 가장 큰 제목이며 , , ... , 의 순서로 크기가 작아짐 닫는 태그인 을 사용해야 함 텍스트 단락을 만드는 태그 태그 텍스트 앞뒤로 빈 줄이 생기며 텍스트 단락이 만들어짐 닫는 태그인 를 사용해야 함 태그 원하는 위치에서 줄을 바꿀 수 있음 단독으로 사용하는 태그로 닫는 태그가 필요 없음 인용 태그 태그 태그 안의 내용을 인용문으로 인식함 다른 텍스트보다 약간 들여 씀 텍스트를 굵게 만드는 태그 태그 텍스트를 굵게 표시함 경고나 주의 사항같은 중요한 내용을 강조해야 할 때 사용 태그 텍스트를 굵게 표시함 단순히 글자만 굵게 표시함 텍스트를 기울이게 만드는 태그 태그 em은 강조를 뜻하는 em..
HTML이란? HTML은 간단히 웹 문서를 만드는 언어라고 할 수 있다. HyperText Markup Language의 줄임말이다. └ HyperText : 문서를 서로 연결해 주는 링크 Markup : 표시한다 Language : 언어 HTML 문서의 기본 구조 웹 개발 HTML CSS JavaScript : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻 ~ : 웹 문서의 시작과 끝을 나타내는 태그 : 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분 ┌ : 웹 브라우저에는 보이지 않지만 웹 문서와 관련된 정보를 지정할 때 사용 └ ~ : 웹 브라우저의 제목 표시줄에 표시되는 부분 ~ : 실제로 웹 브라우저 화면에 나타나는 내용 시맨틱 태그 태그 헤더 영역을 의미 주로 사이트에..
