html, css, 자바스크립트/html35 html color 속성 이용하여 색 입력하기 html color 속성 이용하여 색 입력하기 네 안녕하세요, 이번 포스팅에서는 html을 이용하여 색을 입력하는 방법을 알아보도록 하겠습니다. 사실 색깔은 보통 css를 이용하여 뽑아내곤 하지만, html로도 뽑을 수 있습니다. 그래서 이번 포스팅에서는 html에서는 어떻게 색을 뽑아내는지 한 번 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. html에서의 색 표현 html과 css에서의 색은 빛의 3원 색인 RGB, 다시 말해 빨강, 초록, 파랑을 적절한 비율로 섞어서 표현을 합니다. 그래서 각각의 색깔은 코드가 존재를 하는데, 코드는 #으로 시작하는 영어와 숫자가 섞인 6자리의 코드로 입력이 되며, 다른 말로 '16진수 코드'라고 불립니다. 물론, 직접 색깔의 이름을 쓸 수도 있.. 2023. 3. 7. html label 태그로 폼 요소의 캡션 만들기 html label 태그로 폼 요소의 캡션 만들기 네 안녕하세요, 이번 포스팅에서는 html에서 쓰이는 label 태그를 이용하여 폼 요소의 캡션을 만들어보려고 합니다. html에서 캡션이란 어떤 표나 그림 등에 대한 설명문입니다. 우리가 프런트엔드나 백엔드 코딩을 할 때 무언가를 설명하기 위해서 주석문을 넣곤 합니다. 그러한 것 처럼 어떤 그림이나 표 등의 시각적인 자료를 넣었을 때 이것이 어떤 것인지를 사용자들에게 알리기 위해서 부가적인 설명문을 붙입니다. 그리고 폼에서는 이러한 캡션과 기타 폼 요소를 한 단위로 묶어서 표현을 하여 문서의 가독성을 높입니다. 그럼 지금부터 같이 한 번 알아보실까요? 1. 캡션 지정 및 캡션과 폼 요소 연결하기 : label 태그와 for 속성 이용 우리가 label .. 2023. 3. 6. html 폼 만들기 7 - select, option 태그로 콤보박스 만들기 html 폼 만들기 7 - select, option 태그로 콤보박스 만들기 네 안녕하세요, 이번 포스팅에서는 콤보박스를 만들어보도록 하겠습니다. 콤보박스도 정말 많이 쓰이는 선택형 입력 폼의 일종입니다. 앞서 포스팅을 한 체크박스와 라디오 버튼 만큼이나 많이 쓰입니다. 그래서 되게 중요한 요소입니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 콤보 박스 만들기 : select, option 태그 이용 콤보 박스는 우리가 흔히 말하는 드롭다운 단추입니다. 하나의 단추 안에 여러 개의 선택지가 있다고 하여 콤보 박스라 부르고, 그 콤보 박스를 누르면 선택지가 마치 떨어지듯 쭉 ~ 내려와서 선택지가 보인다고 하여 드롭박스라고도 부릅니다. 그리고 콤보 박스는 select라는 속성으로 테두리를 만들고, opti.. 2023. 3. 4. html 폼 만들기 6 - 라디오 버튼 만들기 html 폼 만들기 6 - 라디오 버튼 만들기 네 안녕하세요, 이번 포스팅에서는 라디오 버튼에 대해 알아보도록 하겠습니다. 라디오 버튼 역시 선택형 입력 폼의 일종입니다. 그리고 체크박스만큼이나 자주 쓰입니다. 그래서 그만큼 중요한 선택형 입력 폼 양식입니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 라디오 버튼 만들기 : input type = "radio" 라디오 버튼은 radio 속성을 이용해서 만듭니다. 또한, 라디오 버튼은 name 속성의 값이 같은 라디오 버튼끼리 하나의 그룹을 형성하고 묶입니다. 그리고 라디오 버튼 역시 체크박스처럼 checked 속성이 존재하는 칸이 있다면 웹 페이지를 여는 순간부터 체크표시가 되어서 출력이 됩니다. 그럼 간단한 예제를 통하여 같이 알아보실까요? 먹고 싶은.. 2023. 3. 4. 이전 1 2 3 4 5 ··· 9 다음