IT업계 종사자의 블로그

DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> head> body> form> input required placeholder="Name" type="text" /> input required placeholder="Last Name" type="text" /> input required placeholder="Username" type="text" /> input required placeholder="Password" minlength="10" type="password" /> input type="submit" value="Create Account" /> form> body>html>  결과

참고) html form 태그https://developer.mozilla.org/en-US/docs/Web/HTML/Element#forms HTML elements reference - HTML: HyperText Markup Language | MDNThis page lists all the HTML elements, which are created using tags.developer.mozilla.org DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> meta charset="utf-8" /> head> body> body>html>  결과   body> form> input type="color"/> form..

body> audio controls="enabled" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" >audio> body>  결과 자동재생은autoplay 추가하기  body> audio controls autoplay src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" >audio> body>

1. 글자 강조 (body 에 적은 내용 주목)DOCTYPE html>html lang="kr"> head> link rel="shortcut icon" href="https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2023.ico" /> title>제목없음title> meta charset="utf-8" /> meta name="description" content="This is my website" /> head> body> I like to live in South Korea body>html>  결과 2. 제곱 body> p>2sup>5sup>p> body> 결과3. under 표시 body> p>I sub>lovesub> youp> bod..

DOCTYPE html>html lang="kr"> head> link rel="shortcut icon" href="https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2023.ico" /> title>제목없음title> meta charset="utf-8" /> meta name="description" content="This is my website" /> head> body> I like to live in South Korea body>html>    결과  까리뽕삼하다

https://developer.mozilla.org/ko/docs/Web/HTML/Element(한국어 변역 가능)   tips. html, css, javascript 를 구글에서 검색할 때 mdn 키워드 붙이기  ex) html tags mdn

meta property="og:image" content="https://d1telmomo28umc.cloudfront.net/media/seo/home2.jpg"/> og:image 를 통해 카카오톡 공유하기 이미지 설정 가능함.   결과  이미지 하단의 descriptipn은 og:description 으로 표현 가능meta property="og:description" content="코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!"/>

DOCTYPE html>html lang="kr"> head> link rel="shortcut icon" href="https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2023.ico" /> title>제목없음title> meta charset="utf-8" /> meta name="description" content="This is my website" /> head> head 태그 안에  태그를 통해사이트의 shortcut icon 이미지를 등록할 수 있다. *rel= relationship    결과.  아이콘 이미지의 사이즈를 설정하고 싶다면 sizes 추가하기.  link rel="shortcut icon" sizes="16x16 32x..

html lang="kr">--> 한국어로 만든 사이트!  html 의 attribute 중 하나인 lang *lang: language  구글, 네이버, bing 같은 검색 엔진에게 도움을 주는 태그다.내가 만든 사이트에서 사용되는 언어가 무엇인지 말해준다.   사이트 정보를 브라우저에게 알려주는 용도로 쓰는 태그 중 하나다.

meta charset="utf-8" /> 이 태그는 브라우저에게 text를 어떻게 그려달라는 건지 말하는 태그다. ex. 위 태그를 추가하면 한글, 특수문자 등을 브라우저가 이해할 수 있게 해준다.  반드시 추가해주기! 참고) meta 태그들은 self-closing 태그이다. (닫고 나와!)