프로그래밍/HTML (4) 썸네일형 리스트형 [Do it! HTML+CSS+자바스크립트 웹 표준의 정석]05 : 입력 양식 작성하기 05-1. 폼 입력하기 1. 태그 여러 폼 요소 *form 태그의 속성 종류 설명 method 사용자가 입력한 내용을 서버쪽 프록그램으로 어떻게 넘겨줄 것인지 지정. get : 256~4,096byte 까지 넘길수 있으며, 주소 표시줄에 사용자가 입력한 내용이 그대로 드러남 post : 길이에 제한받지 않고 사용자가 입력한 내용도 드러나지 않음. name 자바스크립트로 폼 제어 시, 사용할 폼의 이름 지정 action 태그 안의 내용을 처리해 줄 서버 프로그램 지정 target action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함 *autocomplete 속성 - 폼 내용 작성 시, 예전에 입력한 내용을 자동으로 표시해줌 - 기본 속성 값은 "on" -> 자동완성이 기본으.. [Do it! HTML+CSS+자바스크립트 웹 표준의 정석]04-2 : 표 만들기, 멀티미디어 삽입하기 표 만들기 1. 표의 구성 요소 알아보기 - 행 : 표의 가로. row - 열 : 표의 세로. column 2. 표를 만드는 , 태그 - : 표의 시작과 끝을 알려주는 태그 - : 표의 제목 표시해주는 태그 - : 표의 행을 만듦 - : 행 안에 있는 셀을 만듦 3. 표의 구조를 지정하는 , , 태그 - : 표의 제목 - : 표의 본문 - : 표의 요약 4. 행이나 열을 합치는 rowspan, clospan - rowspan : 행을 합치는 속성 - colspan : 열을 합치는 속성 셀 내용 셀 내용 5. 열을 묶어주는 , 태그 - 특정 열에 배경색을 넣거나 너비를 바꾸려면 원하는 열을 선택할 수 있어야한다. - 그럴 때 사용하는 태그가 , 태그 - : 열을 1개만 지정할 때 사용 - : 태그를 두개 .. [Do it! HTML+CSS+자바스크립트 웹 표준의 정석]04-1 : 텍스트 입력하기, 목록 만들기 CH04. 웹 문서에 다양한 내용 입력하기 텍스트 입력하기 1. 태그 - 제목을 나타내는 태그. heading의 줄임말 - h1 ~ h6까지 있다. h1이 가장 큰 제목이고 순서대로 크기가 작아짐. - 닫는 태그인 태그를 반드시 사용해야 함 2. 태그 - 텍스트 단락 입력시 많이 사용 - 와 태그 사이에 텍스트 입력 시 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단란이 만들어짐 - 편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한 줄로 표시된다. 3. 태그 - 줄 바꾸는 태그 - 단독으로 사용하므로 닫는 태그 필요 없음 - 태그를 두 번 사용하면 빈 줄이 생기면서 텍스트 단락이 나뉜 것 처럼 화면에 표시할 수 있지만, CSS를 사용해 텍스트 단락 스타일을 적용할 때 문제가 생기므로 텍스트 단락을 만들 때에는 .. [Do it! HTML+CSS+자바스크립트 웹 표준의 정석]01 ~ 03 CH01. 웹 개발 시작하기 웹 개발 알아보기 1. 웹 개발이란? - 정적 사이트(static site) : 미리 작성한 내용을 웹사이트에 올려놓는 방식. 제작하기 쉽다. - 동적 사이트(dynamic site) : 쇼핑몰이나 예매사이트 등에서 사용자에게 상품을 보여주고 결제하는 기능 등 사용자에게 제공할 기능과 서비스까지 모두 담는 방식 2. 서버와 클라이언트 서버 : 웹사이트에서 정보를 검색하거나 처리하는 일을 함 클라이언트 : 사용자의 요청을 받아 처리한 결과를 보여줌. 사용자와 서버 사이에서 화면을 보여주는 역할 3. 프런트엔드 개발과 백엔드 개발 [1]프런트엔드 - 사용자 앞에 보이는 영역. 웹 브라우저 화면에 보이는 것을 뜻함. - HTML, CSS, 자바스크립트 [2]백엔드 - 사용자 뒤에서.. 이전 1 다음
