본문 바로가기

Web71

Web에 유용한 사이트 모음 ## for web 1. 색상 확인 https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values. htmlcolorcodes.com 2. general하게 웹 개발의 기본요소인 html, css, javacript, http, api 등에 대한 예시가 문서로 소개되어있는 사이트 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides informati.. 2022. 11. 14.
html - 태그속성 설명 (name, id, type, placeholder) name elements name을 비롯해서 하나의 태그에 들어가는 속성들에 대해서 전부는 아니더라도 배운것에 대해서 나열해보고자 한다. 일단 보통 데이터를 저장하기 위해서는 input 이라는 태그와 button이라는 요소가 쓰이는데 input이 가장 기초적이고 필수적인 태그라고 생각한다. *예시 이 태그를 보면 구조적으로 input -> 이거는 태그의 속성을 나타내고 Input의 경우 ‘데이터를 입력받는다’라는 의미를 가진다 name=“username” -> 이건 바로 이어서 설명하겠다 id=“username” -> 가장 앞의머리에 있는 태그의 주소값 개념으로써 한 페이지당 중복 id를 사용하면 안된다. label 태그의 경우 for를 쓰게 되는데, 그 for에 들어가서 찾게되는 주소 역할을 하게된다 .. 2022. 11. 14.
html - label 태그 label 태그 label 태그는 그냥 읽으면 “라벨”인것같다. 그러나 영미권에서는 “레이블”이라고 발음하는 것같다. 아무튼 이 태그가 중요한 이유는 입력창이든 옵션선택창이든 어떤 선택자를 선택해야할때, 보다 편리하게 영역 자체가 클릭하는 공간이 되기때문에 좋다. 이렇게 쓰이는데, 그러면 label 영역을 눌렀을때 해당 ID 값에 해당하는 영역이 눌러진다. 2022. 11. 13.
html - Emmet editing (html 코드 작성을 간편하게 해주는 에디터기술) 와.. emmet은 혁명이다. 이전에는 이런게 있는지도 몰랐는데 자세한 문법 사용방법은 https://docs.emmet.io/abbreviations/syntax/ Abbreviations Syntax Abbreviations Syntax Emmet uses syntax similar to CSS selectors for describing elements’ positions inside generated tree and elements’ attributes. Elements You can use elements’ names like div or p to generate HTML tags. Emmet doesn’t have a predef docs.emmet.io 여기에 있다. 공식 홈페이지로 알고있다.. 2022. 11. 13.