IT업계 종사자의 블로그

tagname attrName="value"> blablabla tagname> * attrName: attribute name

DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> head> body> Nick Times hello! © 2024.NN body>html> div 대신 의미 있는 header, main, footer 를 쓰자       결과

DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> head> body> form> Website Website input type="submit" value="Create Account" /> form> body>html> div는 의미없는 박스라고 생각하면 된다. div 태그를 사용해서 위 아래로 위치하게 만들 수 있다.      결과

그 이유는 css가 이 id 값을 분별해서 적용될 것이기 때문!

DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> head> body> form> Profile Photo First Name 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>   결과- Profile Photo 문자 클릭 시: 파일창이 열림- F..

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>   결과 (파일은 jpg 파일..

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..