html
-
HTML - Form Tags개인 공부/코코아톡 클론 코딩 2020. 9. 24. 04:18
Form 태그는 attribute를 익히기에 아주 좋은 태그이다. 1. input input 태그를 입력하면 텍스트를 입력할 수 있는 박스가 생긴다. 여기에 다양한 attribute를 추가할 수 있다. 2. type="color" 색상을 선택할 수 있는 창이 나오게 해준다. 3. type="password" 로그인 창에 존재하는 패스워드를 가려주는 박스를 만들 수 있다. 여기에 minlength="10"을 추가하면 최소 10글자 이상을 입력해야 한다는 조건을 걸 수도 있다. 4. type="text" 텍스트를 입력하는 박스를 만들 수 있다. required : 박스 안에 박스에 대한 설명을 입력할 수 있는 attribute 5. type="submit" 사용자가 클릭할 수 있는 버튼을 만들 수 있다...
-
HTML - 다양한 태그들개인 공부/코코아톡 클론 코딩 2020. 9. 24. 03:45
HTML 태그들을 하나하나 다 외울 필요는 없다. 모든 것은 구글에서 찾을 수 있으니까!! 우리는 HTML이 어떻게 작동하는지만 알면 된다. https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. developer.mozilla.org MDN을 참고하면 좋다. + 참고 attributes에 붙이는 enabled와 true는 같은 의미!
-
HTML - head 관련 여러 가지 태그들개인 공부/코코아톡 클론 코딩 2020. 9. 23. 02:06
는 웹 사이트가 어떻게 생겼는지, 어떤 속성을 가졌는지, 검색 엔진이 사이트를 어떻게 바라보는지 등의 정보를 담는 곳이다. 1. 각종 부가적인 정보를 담는 태그로 self-closing tag이다. charset : 브라우저가 우리가 사용하는 언어를 이해하도록 만든다. (한글, 특수문자 등...) description : 구글에서 웹 사이트를 검색했을 때 나오는 설명이 있는 곳 2. 웹 사이트가 주로 어떤 언어를 사용하는지 알려준다. ex) kr 3. 웹 사이트 아이콘 관련 태그 + og:image - 카카오톡에서 url 공유할 때 뜨는 이미지가 있는 곳
-
HTML - Tag Attributes개인 공부/코코아톡 클론 코딩 2020. 9. 23. 01:18
1. anchor를 뜻함 링크를 연결하는 태그 2. href 링크를 연결하기 위해서는 어디로 가는지 부가적인 정보가 필요하다. 이때 이용하는 것이 attributes이다. href는 attributes의 한 종류로, 태그에서만 사용 가능하다. Go to google 👉 이때 a와 href는 꼭 띄어써야 한다! 3. target target="_self" : 기본값. 같은 탭에서 페이지 열기 target="_blank" : 다른 탭에서 페이지 열기 이 attribute 역시 에서만 사용 가능 Go to another website 4. self-closing tag. 다른 태그들과 다르게 텍스트 내용이 필요하지 않음! 5. src 태그에서 작동하는 attribute
-
HTML - list개인 공부/코코아톡 클론 코딩 2020. 9. 14. 20:09
list에는 두 가지 종류가 있다. 1. ordered list : 순서가 있는 목록 - 2. unordered list : 순서가 없는 목록 - beer 김치 meat milk 이런 식으로 작성하면 단순히 beer 김치 meat milk 이렇게 나열한 형태로 보이게 된다. 이때 브라우저가 안에 있는 것들이 각각의 item이라는 걸 알게 하도록 하는 태그가 (list item)이다. beer 김치 meat milk beer 김치 meat milk 태그를 사용하면 정말 list처럼 보이게 된다. 여기서 을 로 바꿔주면 아래처럼 순서가 있는 리스트로 바뀐다. beer 김치 meat milk
-
Introduction, 그리고 HTML개인 공부/코코아톡 클론 코딩 2020. 9. 14. 19:46
☝ 웹 사이트를 만들기 위해 알아야 하는 언어 1. HTML : 뼈대 2. CSS : 근육 3. JavaScript : 뇌 HTML을 이용해 웹 사이트에 들어가야 하는 내용을 브라우저에게 알려주고, CSS로 웹 사이트를 예쁘게 디자인 할 수 있다. 그리고 Javascript로 동적인 기능들을 추가할 수 있다. 여기서 HTML과 CSS는 프로그래밍 언어가 아니다. JavaScript만 프로그래밍 언어!! ✌ HTML HTML은 content와 같은 형식으로 이루어진다. 로 시작, 로 끝을 알려주고 그 사이에 내용을 삽입하면 된다. h1~h6 태그를 활용하면 크고 굵은 글씨를 만들 수 있다. 뉴스의 헤드라인처럼!