부트스트랩(bootstrap)
1. https://getbootstrap.kr/docs/5.1/forms/select/ : select태그(drop-down list 만듦) 사용하는 경우 참조.
2. https://getbootstrap.kr/docs/5.1/components/buttons/ : button 태그 사용하는 경우, 참조.
3. https://getbootstrap.kr/docs/5.1/components/card/ : 인스타그램 등 SNS 인터페이스를 만드는 경우, 참조.
4. https://getbootstrap.kr/docs/5.1/forms/form-control/ : input type이 text인 경우, textarea 태그를 사용하는 경우 참조.
5. https://icons.getbootstrap.com : 아이콘 검색하는 경우, 참조.
HTML link tag
-. HTML Head 안에 쓰임.
-. 메타데이터(컴퓨터 서버에서 유용한 정보. 브라우저는 보여주지 않은 정보.)의 일종.
-. "href" attribute(href: hyperlink reference), "rel" attribute가 주로 쓰임.
출처: https://www.w3schools.com/tags/tag_link.asp
HTML script tag
-. HTML Head 안에 쓰임.
-. 메타데이터(컴퓨터 서버에서 유용한 정보. 브라우저는 보여주지 않은 정보.)의 일종.
-. JavaScript 관련 태그임.
출처: https://www.w3schools.com/tags/tag_script.asp
(cf) HTML style tag는 CSS 관련 태그임.
HTML select tag
-. drop-down list를 만들 때 사용한다.
-. "name" attribute를 만들어야 back-end(또는 서버)로 정보가 전달된다.
-. "id" attribute는 label 태그의 "for" attribute와 value가 동일하다.
-. option 태그로 list를 만들 수 있다.
option 태그는 "selected" attribute, "value" attribute를 사용할 수 있다.
출처: https://www.w3schools.com/tags/tag_select.asp
출처: https://www.w3schools.com/tags/att_option_selected.asp
(cf) label과 관련된 글:
https://velog.io/@tasty901201/HTML-Input-Attribute
HTML Path에 href관련 내용 넣기. a tag(anchor tag), link tag 등등. https://www.w3schools.com/tags/att_href.asp
https://velog.io/@muchogusto/a-href-%EB%AC%B4%EC%97%87%EC%9D%84-%EC%9D%98%EB%AF%B8
마우스 커서 관련한 내용 넣기. 하기 링크 4개 참조. hover selector, pseudo-class(CSS selector에서 ":"로 표시함), tytle attribute(tytle tag와 다름.)
https://www.w3schools.com/cssref/sel_hover.asp https://www.w3schools.com/css/css_pseudo_classes.asp https://www.w3schools.com/tags/att_title.asp
https://rgy0409.tistory.com/2884
alt attribute 관련 내용을 input태그와 img태그에 넣기 https://www.w3schools.com/tags/att_alt.asp
Learning Coding