본문 바로가기

html

[ASP.NET] HtmlControl 현재 ASP.NET 에서는 일반적인 서버 컨트롤 이외에 다음과 같이 HTML 요소도 사용할 수 있습니다. 다만 위 요소는 단순한 HTML 요소일뿐 서버측에서 다룰 수 있는 컨트롤이 아닙니다. 만약 이들 요소를 서버컨트롤로서 사용하려면 처럼 기본 HTML 요소에 runat="server" 속성을 추가하기만 하면 됩니다.HTML 서버 컨트롤은 기본적으로 HtmlControl 에서 파생된 것이며 이 클래스는 기본적으로 다음과 같은 속성을 제공하고 있습니다. Attributes Text1.Attributes["value"] = "abc"; 와 같이 사용하며 HTML 서버 컨트롤에 HTML 특유의 속성과 값을 부여할 수 있습니다. Disabled HTML 컨트롤의 사용가능 여부를 지정합니다. EnableThemi.. 더보기
[CSS3] 스프라이트 이미지(sprite image) 활용 스프라이트(sprite) 이미지(image)란 아래의 경우처럼 여러 이미지(image)를 한곳에 모아놓은 형태를 말합니다. ▶ 마리오(mario) 관련 스프라이트(sprite) 웹(web)에서 불러와야 하는 이미지(image)가 여러개인 경우 그 만큼의 요청을 해야 하지만 스프라이트(sprite) 이미지(image)를 사용하면 한번 요청으로 여러 이미지(image)를 한번에 받아오는 이점을 갖게 됩니다. 포토샵(photoshop) 등의 툴(tool)등을 사용하여 직접 스프라이트(sprite)를 만들 수도 있으나 아래와 같은 사이트(site)를 이용하면 간단하게 스프라이트(sprite)를 생성할 수 있습니다. http://csssprites.com/ 예제에서는 세개의 이미지(image)를 사용하여 아래와 .. 더보기
[HTML] viewport meta viewport meta 태그는 모바일 웹페이지 작성시 화면에 대한 특정 정보를 전달하기 위해 사용됩니다.다음은 content 내부에 작성되는 주요속성입니다. width 화면의 넓이를 의미하며 150, 200과 같은 값을 지정할 수 있습니다. 다만 값을 device-width로 하면 모바일 장치의 화면 넓이를 따라가게 됩니다. height 화면의 높이를 의미하며 150, 200과 같은 값을 지정할 수 있습니다. 다만 값을 device-height로 하면 모바일 장치의 화면 높이를 따라가게 됩니다. initial-scale 화면의 초기 확대비율을 지정합니다. user-scaleble 사용자가 화면을 확대할 수 있는지 여부를 지정합니다. minimum-scale 화면을 축소할때 최소축소치입니다. maximu.. 더보기
[HTML] base 1. base 사용 연결 ▶ base에 절대경로를 지정해 두면 해당 문서안에 다른 페이지로의 링크가 걸리는 경우 base로 지정된 경로가 자동으로 지정됩니다. 2. base 속성 (1) href 문서가 연결될 절대 URL 주소를 지정합니다. (2) target 링크된 화면을 어디에 표시할지를 지정하는 속성입니다. _blank(새창), _self(현재창), _parent(부모frame), _top(frame전체) 값을 설정할 수 있습니다. _parent는 현재 화면이 frame으로 구성되어 있을 경우 부모frame에 화면을 표시하며 _top은 frame으로 구성된 화면에서 이 frame을 무시하고 화면 전체로 링크된 화면을 표시하도록 합니다. 화면이 frame으로 구성되어 있다면 target 속성에 fra.. 더보기
[HTML / HTML5] label 1. label 사용 이름을 입력하세요. ▶ input 태그로 데이터를 입력받을 때 해당 input 태그에 대한 설명을 label태그를 통해 붙여줍니다. 2. label 속성 (1) for 어떤 input 요소를 대상으로 하는지를 알려주기 위해 해당 input의 id를 지정합니다. 이렇게 하면 사용자가 label을 클릭하는등의 선택동작만으로 해당 input에 포커스를 자동으로 맞춰줄 수 있습니다. 더보기
[HTML] frameset, frame 1. frameset, frame 사용 ▶ frame은 하나의 화면에서 여러 웹페이지를 보여줄 수 있도록 화면을 분할합니다. frameset안에 frame이 들어가 화면을 구성하며 frameset안에 또다른 frameset이 들어가 분할된 화면을 다시 나눌 수 있습니다. 2. frameset, frame 속성 (1) cols frameset 속성이며 화면을 좌우로 나눕니다. 30%, 70%와 같이 ,(콤마)로 나누어 값을 지정하며 값의 단위는 px나 %를 사용합니다. 값대신 *을 지정하면 나머지를 의미하는데 예를 들어 30%, * 처럼 지정하면 왼쪽 화면은 30%비율로, 오른쪽 화면은 그 나머지 전체를 의미하게 됩니다. (2) rows frameset 속성이며 화면을 상하로 나누는 속성입니다. 값의 지정.. 더보기
[HTML / HTML5] span 1. span 사용안녕하세요. 우리나라 대한민국 반갑습니다.▶ inline 형태로 위치하도록 합니다. 이는 화면 특정 너비 전체가 아닌 해당 영역만큼의 공간만 차지함을 의미합니다. 더보기
[HTML / HTML5] div 1. div 사용안녕하세요. 우리나라 대한민국 반갑습니다.▶ block 형태로 특정 영역을 나누도록 합니다. 하나의 div 영역이 가로영역을 기준으로 전체를 차지하는 형태입니다. 2. div CSS (1) width, height div의 넓이와 높이에 대한 크기를 설정합니다. (2) margin, padding padding은 border보다 한단계 더 안쪽에 대한 여백을 지정하며 padding-top(위쪽), padding-bottom(아래쪽), padding-left(왼쪽), padding-right(오른쪽) 속성을 사용합니다. margin은 가장 외곽에 대한 속성이며 여백을 지정합니다. margin-top은 위쪽, margin-bottom은 아래쪽, margin-right는 오른쪽, margin-.. 더보기