HTML 버튼 : 응용 프로그램, 제작

초심자 사이트 제작자 (기성품을 사용하는 사람들, 즉 웹 사이트를 직접 만들고 싶어하는 사람이 아닌)는 HTML을 배우지 만 처음부터 자신의 손으로 사이트를 만드는 모든 뉘앙스를 이해하는 것은 가능하지는 않습니다.

디자인의 스타일에 사이트 메뉴에서 버튼 HTML

링크 - 이것은 한 페이지에서 다른 페이지로 이동할 수있는 유일한 것이지만 단순한 링크입니다 - 이것은 디자인 모델이 완전히 없기 때문에 링크를 수정하고 아름다운 모양을주는 방법에 대한 옵션을 찾아야합니다.

html 사이트의 버튼은 두 가지 기능을 수행합니다. 첫 번째로 지정된 페이지로 이동할 수 있으며 두 번째로 페이지의 전체 스타일과 조화를 이루는 디자인입니다.

버튼은 본질적으로 동일한 참조이며, 모양이 멋지거나 필요에 따라 클릭하거나 마우스를 올려 놓을 때 음영 또는 모양을 변경해야합니다.

html로 버튼을 만드는 법

단추를 만들려면 두 가지 방법이 있습니다. 자신 또는 서비스를 사용하여 단추를 만드는 것입니다.

첫 번째 방법을 사용하면 전체 작업의 본질을 배우고 이해할 수 있으며, 두 번째 방법은 결과를 얻는 것뿐 아니라 가능성을 제한하는 것입니다.

사이트의 html 버튼 - 만드는 데 많은 어려움이 없으며 버튼을 노동 집약적 인 애니메이션으로 많이 만듭니다. "활성화"라는 단어는 누르거나, 커서를 올리거나, CSS 또는 JavaScript를 사용해야하는 누르는 순간에 변경하는 데 반응하도록하기위한 것입니다.

이미지를 사용하는 버튼

간단한 html 버튼은 그림 링크처럼 보이며 'a'태그 (참조)를 img (이미지) 태그 에 삽입하여 만듭니다.

이 예제는 사실 단순한 그림 링크이지만 모든 종류의 디자인을 완벽하게 수용 할 수 있습니다. 그러나이 html 버튼은 다른 상황에서 모양을 변경하는 "작동"할 수 없습니다.

버튼이 비표준 모양을 가지며 상황에 따라 바뀔 수 있으므로 원래 모양을 변경하고 CSS를 추가해야합니다.

CSS를 사용하는 사이트 버튼

CSS는 스타일에 대해서만 응답하고 계단식 스타일 시트라고하는 또 다른 프로그래밍 언어입니다.

html 사이트의 버튼 코드는 다음과 같습니다.

• < "A"h "r"e "f ="인터넷상의 페이지 주소를 지정해야합니다 "class =" ">

주의 ! 예제를 사용할 때 "a 및 href를 얻으려면 아이콘을 제거하십시오.

위의 예는 CSS를 사용하여 원하는 스타일로 변환되는 간단한 링크입니다. 여기서 class는 CSS의 클래스 이름을 정의하므로 페이지의 해당 요소에 코드가 적용됩니다.

• .topbutton {/ * 버튼의 클래스 * /
• 너비 : 111px; / * - 버튼의 너비는 111 픽셀입니다. * /
• 테두리 : 1px solid # 000; / * - 버튼 테두리가 1 픽셀, 단색 및 검정색 * /
• 배경 : #red; / * - 버튼 채우기 - 빨간색 * /
• 텍스트 정렬 : 왼쪽; / * - 버튼의 텍스트를 왼쪽에 정렬 * /
• 안쪽 여백 : 10px; / * - 페이지의 외부 요소 들여 쓰기 * /
• 색상 : #fff; / * - 텍스트 색상,이 경우 흰색 * /
• 글꼴 - 패밀리 : verdana; / * - 텍스트 글꼴 (Word에서 열고 선택할 수 있음) * /
• 글꼴 크기 : 8px; / * - 버튼의 텍스트 크기 * /
• 테두리 반경 : 3px; / * - 버튼의 모서리를 반올림합니다. * /
• }

참고 : / * Comment * / - 그러면 CSS 코드에 주석을 남길 수 있습니다.

물론 초보자도 대부분의 초보자라도이 예제의 의미를 이해하고 있지만 가장 간단한 버튼을 만들 수있는 작은 코드를 사용하고 호버링이나 링크 활동을 할 때 스타일을 적용하려면 추가 태그와 매개 변수를 적용해야합니다.

사이트에 대한보다 복잡한 버튼

사이트의 버튼은 외형을 위해 CSS뿐만 아니라 고품질의 HTML 사이트 단추 (예 : JavaScript)를 만들 수있는 다른 프로그래밍 언어를 사용할 수도 있습니다. JavaScript는보다 강력하고 사이트에 대해 더 흥미로운 아이디어를 구현할 수 있습니다.

프로그래밍 언어 간의 유일한 차이점은 구현의 복잡성과 JavaScript가 각각 더 강력하면 연구에 더 많은 시간이 걸리는 것입니다.

사용자를 다른 웹 사이트 주소로 리디렉션하는 형태의 간단한 작업 외에도 html 버튼은 사용자가 자신의 데이터를 입력 한 양식 (예 : 등록)에서 데이터를 전송하는 것보다 더 중요한 작업을 수행합니다.

이 경우 html 버튼의 코드는 다음과 같습니다.

주의 ! 예를 사용할 때는 "을 입력하십시오.

이런 종류의 버튼을 구현하는 것은 매우 간단합니다. 예제는 폼에서 입력 데이터를 보낼 작업 버튼을 보여줍니다.

• 유형 -이 요소가 버튼임을 지정합니다.
• 이름 - 버튼을 고유하게 만드는 요소입니다.
• 값 - 버튼에 비문을 표시합니다.

전체적인 문제는 버튼 html을 만드는 것이 아니라 사용자가 보낸 데이터 처리를 구현하는 것인데, 이는 더 복잡하지만 가장 강력한 프로그래밍 언어 중 하나에 대한 지식을 필요로합니다. PHP를 사용하면 실제 사이트를 만들 수 있으며 예를 들어 일부 기성 CMS가 작성됩니다.

양식뿐만 아니라 일반용으로 작성된 단추는 필수 양식으로 변환 할 수 있지만 그 목적은 매우 중요하며 더 많은 책임을지고 있습니다.

단추를 수동으로 생성하는 방법 외에도 다양한 단추를 자동으로 만들고 사용자 취향에 맞게 사용자 지정할 수있는 다양한 서비스가 있지만이 방법은 주목할만한 단점이 있습니다. 이러한 단추를 사용하려면 html을 배워야합니다.

학습 html은 사이트의 버튼이 어디에 설치되어 있는지를 이해하기 위해 필요합니다 - 메뉴, 내용을 표시하는 블록 또는 바닥 글 (사이트 하단)에 사이트의.