본문 바로가기

HTML36

html month, week, date, time, datetime-local 속성 이용하여 시간 표현하기 html month, week, date, time, datetime-local 속성 이용하여 시간 표현하기 네 안녕하세요, 이번 포스팅에서는 html로 시간 정보를 입력하는 방법에 대하여 알아보도록 하겠습니다. html에서는 시간에 대한 정보도 제공을 해주는데요, 이 시간 정보를 활용을 할 데가 정말 많기 때문에 html 요소들 중에 가장 중요한 요소들 중 하나라고 생각을 합니다. 우리가 지도나 gps 등을 이용을 할 때도 위치 정보 외에 시간에 관한 정보도 받아 실시간으로 계속 전송을 하는 것이기 때문에, 시간 정보의 가치는 꽤나 중요하다는 것을 알 수가 있습니다. 그래서 이러한 시간 정보들을 html에서는 어떻게 제공을 해주는지 한 번 보도록 하겠습니다. 1. 시간 정보 입력하기 : input ty.. 2023. 3. 7.
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.