어제 오늘 내일

Eclipse에서 폰트 사이즈 변경하는 방법입니다. Eclipse에서 폰트 사이즈 변경하기 1. Windows > Preference 메뉴로 이동합니다. 2. 아래와 같은 화면이 나타나면 ① Preference 창의 왼쪽 상단 검색창에 'font'를 입력하여 검색합니다. ② General > Appearance > Colors and Font 메뉴를 선택합니다. ③ 오른쪽 창에서 Basic을 선택합니다. ④ ③에서 선택한 Basic 하위에 있는 메뉴 중 'Text Font'를 선택합니다. ⑤ 오른쪽의 'Edit' 버튼을 클릭합니다. 3. '글꼴' 창에서 원하는 폰트와 스타일 크기를 선택하고, 확인 버튼을 클릭합니다. 4. Preference 창 하단의 'Apply' 또는 'Apply And Close' ..

지난 번에는 콤보박스(select)를 활용하는 기본적인 방법들을 알아보았습니다. [HTML] 콤보박스(select) (1) - 기본값 지정, 비활성화, 항목 비활성화 이번에는 콤보박스의 사이즈를 지정하는 법, 중복 선택이 가능하도록 설정하는 법, 카테고리를 설정하는 법을 알아보도록 하겠습니다. 콤보박스의 사이즈 늘리기 See the Pen select by anna (@hianna) on CodePen. 위와 같이 태그에 'size' 속성을 지정해 주면 드롭다운 목록이 아닌, 선택 목록이 지정된 크기만큼 보여지게 됩니다. 선택 항목의 갯수보다 size가 작으면 자동으로 스크롤이 생성됩니다. 콤보박스 중복 선택 설정하기 See the Pen select by anna (@hianna) on CodePen...

사용자로부터 선택 입력을 받을 수 있는 콤보박스(드롭다운 박스)를 만드는 방법을 알아보도록 하겠습니다. 기본 콤보박스 만들기 See the Pen select by anna (@hianna) on CodePen. HTML에서 콤보박스를 만들기 위해서는 , 을 사용합니다. 태그 안에 태그를 포함시키고, 선택할 값들을 태그 안에 지정해 줍니다. 기본값(default) 지정 See the Pen select by anna (@hianna) on CodePen. 기본값을 지정하지 않으면 가장 위에 있는 값이 기본으로 선택됩니다. 특정한 값 하나를 기본값(default)으로 지정하고 싶으면, 위와 같이 기본으로 지정하고 싶은 값의 태그에 'selected'라고 지정해주면, 해당 항목이 기본값으로 지정이 되고, 화..

HTML의 속성을 이용하여 툴팁을 생성하는 방법을 알아보도록 하겠습니다. 사용자가 웹브라우저의 이미지나 텍스트에 마우스를 가져다 대면, 그에 대한 설명이 말풍선 형태로 뜨는 것을 Tooltip(툴팁)이라고 합니다. 툴팁(Tooltip) 만들기 툴팁은 간단하게 HTML의 속성을 이용해서 만들어 줄수도 있고, CSS를 이용해서 만들어 줄 수도 있습니다. 여기서는 간단히 HTML의 속성을 이용해서 툴팁을 만들어 보도록 하겠습니다. 텍스트, 링크에 Tooltip 만들기 See the Pen tooltip by anna (@hianna) on CodePen. 텍스트나 링크에 Tooltip을 만들기 위해서는 title이라는 속성을 이용합니다. 링크에 링크에 대한 Tooltip을 만들기 위해서도 title이라는 속성..

사용자로부터 색깔을 입력 받을 수 있는 방법을 알아보도록 하겠습니다. 색깔 입력 받기 HTML을 사용하여 사용자로부터 색깔을 입력 받기 위해서는 태그의 'type' 속성을 'color'로 지정해 주면 됩니다. See the Pen pickColor by anna (@hianna) on CodePen. 위의 예제를 보면 태그의 'type' 속성이 'color'로 지정되어 있는 것을 볼 수 있습니다. 이렇게 설정하면 브라우저는 색깔을 선택할 수 있는 버튼을 보여주고, 이 버튼을 클릭하면 색깔을 선택할 수 있는 창이 나타납니다. 여기서 색깔을 선택해주면 됩니다. 기본 색깔 지정하기 태그의 'value' 값을 지정해주지 않으면 기본값은 검정색으로 설정되어, 색깔 선택 버튼은 기본적으로 검정색으로 보여지게 됩니다..