목록Front_end (23)

바이오 대표

[HTML] <div></div>, Semantic 태그들

: (division) 또 다른 box (쉽게 생각하면 enter 역할) 를 대체할 수 있는 태그들 with meaning ex) header, main, footer Website Website 예전에는 를 이용해서 코드와 html 를 box 형태로 구분 하였다. div 와 같은 역할을 하지만 개발자들이 코드를 보고 더 쉽게 이해 할 수 있도록 바로 의미를 짐작할 수 있는 Semantic 태그들이 존재한다. ex) header,main,footer 등 * This is the header Main text goes here. ↓ : short text : paragraph https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements r..
Front_end 2021. 8. 8. 18:35
[HTML] <form> <label></label><input/></form>_예시)달력

* id는 body 안에 어떤 태그에든 넣을 수 있는 attribute 하나의 element 당 고유의 id (unique identify) - 추후에 CSS를 이용해서 디자인을 할 때 고유 id를 이용할 수 있다. input type="data" Website ↓
Front_end 2021. 8. 8. 15:30
[HTML] <form> <label></label><input/></form>_예시)계정

기본 형식 * label for="" == input id="" label 의 for 과 input 의 id는 같아야 연동이 된다! 위의 예시에서는 name으로 같게 설정해주었다. * label 은 self tag First Name Website Last Name ↓
Front_end 2021. 8. 8. 15:04
[HTML] HEAD = 웹사이트 description, meta 태그

HEAD 태그는 웹사이트의 모든 정보를 담고 있다. Web browser (구글, 네이버,,,) 에게 해당 사이트를 설명해주는 역할이다. HEAD 태그는 보이지 않는 사이트 설정들을 바꿔준다!! (중요) 기본 형식 예시) You can show your contents here :) ↓ 참고) meta tag = 부가적인 요소 라는 뜻 (content, name attribute를 가짐) charset = 한글 등 문자 표시하게 해줌 language = 사이트에 사용되는 언어 표기 (검색엔진에게 알려줌) og: = 카카오톡에서 사용하는 정보들 (og:url, og:image, og:description)
Front_end 2021. 8. 8. 15:04
이전 Prev 1 2 3 4 5 6 Next 다음