loading
본문 바로가기 메뉴 바로가기
input 와 label태그 사용하기

웹 사이트를 만드는 데 중요하게 사용되는 input 태그의 종류와 label 태그의 사용법에 대해서 정리해 보겠습니다. input과 labelinput과 label은 한 쌍으로 이루어진 태그입니다. 웹 접근성을 통과하기 위해서는 모든 input에는 연결되는 label이 존재해야 합니다. 간단히 얘기하자면 input은 기능을 제공하고, label은 연결된 input을 정의하고 설명하는 기능을 가집니다.  input과 label 연결하기예시)레이블Label:  위의 예시를 html 코드 그대로 옮기면 다음과 같습니다.  레이블Label:  input 태그의 id  값을 지정하고 label에 for 값으로 입력하여 두 태그를 상호 연결하였습니다. 마우스로 label 태그를 클릭하였을 때 연결되어 있는 inpu..

코딩 이야기 2024. 11. 6. 14:44
11월 7일부터 시작! <작심삼주 오블완 챌린지>를 소개 합니다~!

Tstory 유저라면 꼭 봐야 할 티스토리 블로그의 공식 이벤트를 소개합니다~!-  안녕하세요! 소금 행성입니다^^ 날이 점점 쌀쌀해지네요. 아직 10월인데도 아침에 이불 밖을 벗어나기 어려워지고 있습니다. 벌써 이러기 시작하면 한겨울은 얼마나 추울지.. 추위를 많이 타는 사람이다 보니 잔뜩 걱정이 되네요ㅠㅠ 날이 추워지면서 감기 유행도 돌고 있습니다. 모두 건강 꼭! 챙기시고 언제나 감기 조심하세요~! 오늘 포스팅은 티스토리 블로그 유저라면 꼭 알아야 하는를 소개해 드리겠습니다.^^ " href="https://www.tistory.com/event/write-challenge-2024?t_src=tistory_notice" target="_blank" rel="noopener">https://www...

일상과 블로그 2024. 10. 30. 11:47
복슬복슬한 양몰이 견 오스트레일리안 셰퍼드

1. 큰 체구와 풍성한 털 오스트레일리안 셰퍼드(Astralian Shepherd) 풍성한 털과 다부진 체형을 가진 사랑스러운 강아지입니다. 국내에서는 쉽게 볼 수 있는 품종은 아니지만 오시, 또는 오지(Aussie)라는 귀여운 애칭이 있을 정도로 전 세계적으로 많은 사랑을 받고 있습니다. 평균적으로 46cm에서 58cm의 체고를 가지고 16kg에서 32kg 사이의 체중을 가지는 중형견 중에서도 큰 편에 속하는 견종입니다. 전체적으로 단단한 골격과 근육을 가진 직사각 체형의 강아지입니다. 만두처럼 둥글고 단단한 네 발을 가지고 있는 오스트레일리안 셰퍼드는 큰 삼각형의 귀를 가지고 있습니다. 이 귀는 아래로 접히는 것이 보편적이지만 간혹 위로 서는 경우도 있습니다. 풍성하고 웨이브 진 털오스트레일리안 셰퍼..

동물 사전 2024. 10. 25. 15:04
반응형 웹사이트 이미지 사이즈 비율 맞추기

반응형 웹사이트란?이미지 사이즈의 비율을 맞춰야 되는 이유몇 가지 방법- 미디어 쿼리를 사용하기- vh, vw 사용하기- flex 속성과 calc() 함수 사용하기- javascript(jqurey) resize 함수 사용하기- css 속성 사용하기현업에서 사용하기 반응형 웹사이트를 만들다 보면 이미지 사이즈의 비율을 맞추는 문제는 항상 발생합니다. 화면의 width가 resize 되며 이미지의 크기 또한 자연스럽게 변경되어야 합니다. 반응형 웹사이트란? 반응형 웹사이트란 하나의 웹사이트 주소로 다양한 기기에서 어려움 없이 사용 가능하도록 서비스를 제공하는 웹사이트 형식을 말합니다. 하나의 웹사이트를 다양한 비율과 크기의 기기에 최적화 되도록 제작한다면 별도의 애플리케이션 제공이 필요 없기 때문에 다양한..

코딩 이야기 2024. 10. 24. 12:47
'사이트가 다운되었거나 사용할 수 없음' 저주에 빠져버렸다.

"티스토리 블로그 운영하기에 도전한 지 한 달, 구글 애드센스 승인 과정에서 '사이트가 다운되었거나 사용할 수 없음' 저주에 빠져버렸다.인터넷을 서치하여 할 수 있는 조치를 모두 했는데도....." 인사말안녕하세요~ 소금행성입니다^^'티스토리 블로그 운영'에 도전하여 꾸준히 글을 올려온 지 벌써 한 달이 넘어가네요. 처음 블로그를 세팅하고 당당하게 애드센스 신청을 했던 한 달 전의 저는 '사이트가 다운되었거나 사용할 수 없음'이라는 사유로 불허 통지를 받게 되었습니다. 다시 신청 버튼을 누르고 승인을 기다리는 동안 할 수 있는 모든 걸 해보자! 는 마음으로 이런 강의 저런 강의 다 들어보며 꾸준히 글을 적어왔습니다. 그간 제 블로그에 꾸준히 찾아와 댓글을 남겨 주신 분들도 있었고, 적지만 검색을 통해 유..

일상과 블로그 2024. 10. 23. 00:54
옆 나라 일본에서 온 귀여운 시바견

1. 동그랗고 말랑하면서도 어딘가 친숙한 외모 시바견, 시바 이누( 柴犬, しばいぬ)라고 불리는 이 강아지는 얼핏 보았을 때 우리의 진돗개를 닮아 보이지만 자세히 뜯어본다면 확실한 차이가 있는 일본 태생의 품종입니다. 위로 세워진 작고 뾰족한 삼각형 귀를 가지고 있으며 위쪽으로 둥글게 말린 꼬리가 등 위로 자연스럽게 떨어진 것이 특징입니다. 보편적으로 진돗개보다 작은 체구와 남작 동글한 두상을 가지고 있습니다. 생활에 유리한 직사각형의 몸매이지만 약간 짧은 다리와 동글한 체형을 가진 것이 보편적입니다. 옆으로 뾰족한 아몬드 형의 작은 갈색 눈과 동그란 검은 코가 귀엽습니다.  시바견은 이중으로 된 짧은 털을 가지고 있는데, 매우 촘촘하고 세밀하게 나있는 것이 특징입니다. 이러한 짧은 이중의 털은 고온 다..

동물 사전 2024. 10. 21. 15:03
이전 1 ··· 8 9 10 11 12 13 14 ··· 17 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.