개요 - CSS(Cascading Style Sheets) 란? CSS(Cascading Style Sheets) CSS는 HTML 페이지의 Tag 엘레멘트를 어떻게 표현하는지 정의하는 기술이다. CSS는 HTML4.0 이전 버전의 문제의 해답으로 추가된 기술이다. 초기의 HTML문서는 논문같은 정보를 표현하기 위한 언어로 문서의 구조를 나타내는 태그를 사용하여 문서의 구조를 정의하여 표현.. HTML& CSS/CSS 2009.10.10
고급 - 입력 필드와 라벨(<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