고급 - 입력 필드와 라벨(<label>) 연결하기 입력 필드와 <label>태그를 같이 사용하여 라벨을 클릭했을 경우 입력필드에 포커스를 줄 수 있다. 이 때 연결을 위한 설정은 입력 필드의 id 값과 <label>태그의 for 속성의 값을 일치시키면 된다. <label for="id">아이디:</label><input type="text" name="id" id="id"/> <label for="man">.. HTML& CSS/HTML 2009.08.03
고급 - <input> 태그의 type="image" 를 사용할 때 주의할 점 <input>태그의 type 속성 중 "image" 속성값은 기본적으로 서밋(submit) 기능을 가지고 있다. 타입 속성을 "image"로 만들면 서밋이 일어나기 때문에 입력폼에서 버튼을 "image"속성을 주어 사용할 경우 주의가 필요합니다. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR.. HTML& CSS/HTML 2009.08.03
고급 - head 엘레멘트들 <head>태그는 스크립트, 스타일시트, 메타 정보 제공 등을 제공하는데, 헤드 엘레멘트에는 <title>, <base>, <link>, <meta>, <script>, <style>을 추가할 수 있다. 1. 타이틀 엘레멘트(title elements) <title>태그는 문서의 타이틀을 정의한다. 타이틀은 브라우저 툴바에 나.. HTML& CSS/HTML 2009.08.03
레이아웃 - <div>태그와 <span>태그 사용 <div>태그 <div>태그는 태그가 가질 수 있는 속성인 id와 class속성을 이용해 문서를 논리적은 분활할 때 사용된다. <div>태그는 블럭 레벨 요소로서 태그 앞 뒤로 줄바꿈을 한다. 또한, <div>태그를 사용해 브라우저의 절대적인 좌표를 이용해 위치를 지정할 수도 있고, 브라우.. HTML& CSS/HTML 2009.07.05
입력필드의 드랍다운 리스트를 출력하는 <select>태그 <select>태그는 콤보 박스와 같이 여러 개의 항목 중에서 하나만을 선택할 수 있도록 한다. <select>태그는 혼자쓰이지 않고 <option>태그와 함께 사용된다. <select> <option>1990년</option> <option>1991년</option> <option>1992년</option> <option>1993년</option> .. HTML& CSS/HTML 2009.07.01
태그 - 텍스트에어리어(textarea) <textarea>태그는 텍스트 문장을 입력받을 수 있는 입력필드를 생성한다. <textarea></textarea> 위 HTML의 결과는 아래와 같다. <textarea>태그는 다음과 같은 속성을 가질 수 있다. name: 필드의 이름을 지정 cols: textarea의 가로 너비를 지정 rows: textarea의 세로 너비를 지정 disabled: 필드.. HTML& CSS/HTML 2009.07.01
태그 - 프레임 프레임(frame)은 하나의 브라우저 화면을 여러 개의 영역으로 나누어 각각 다른 문서를 보여줄 때 사용한다. 프레임을 사용할 때는 두 종류의 문서가 필요한데, 하나는 브라우저 화면에 나타날 프레임을 지정하는 문서이고, 다른 하나는 프레임안에 보여줄 실제 내용이 들어 있는 문서이다.. HTML& CSS/HTML 2009.07.01
태그 - 폼태그와 <input>태그 폼태그 폼은 서버로 데이터를 전송할 때 사용한다. 폼은 텍스트 필드인 input, checkboxes, radio-buttons, submit button 등을 사용하여 구성한다. 또한 select lists, textares, fieldset, legend, label 엘레멘트도 사용할 수 있다. <form> . input elements . </form> <input> 태그 <input>태그는 사용자로부터 .. HTML& CSS/HTML 2009.07.01
태그 - 폼 엘레멘트 웹 브라우저를 사용자로부터 데이터를 입력받을 때는 <form>태그를 사용한다. <form>태그는 혼자 사용되는 것이 아니라 HTML의 다양한 입력폼과 함께 사용되어 진다. <form> ... 입력폼들 ... </form> <form>태그를 사용하면 사용자로부터 데이터를 입력받아 서버에 전송할 수 .. HTML& CSS/HTML 2009.07.01
태그 - 리스트 HTML 리스트에는 순서있는 리스트와 순서없는 리스트가 있다. 순서없는 리스트 순서없는 리스트는 <ul>태그로 시작하며, 각 리스트 아이템은 <li>태그를 사용하여 작성한다. <ul> <li>커피</li> <li>우유</li> </ul> 순서있는 리스트 순서있는 리스트는 <ol>로.. HTML& CSS/HTML 2009.07.01