IT업계 종사자의 블로그

DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> link href="styles.css" rel="stylesheet" /> head> body> header> h1>The Nick Timesh1> header> main> address>123 Road Altavistaaddress> main> footer>© 2024.NNfooter> body>html>       결과

1. head> body> header> h1>The Nick Timesh1> header> main> address>123 Road Altavistaaddress> main> footer>© 2024.NNfooter> body>html>      결과  우와 멋지다아아아아아아아

CSS가 하는 일: HTML 태그를 가리키는 일  CSS 작성 방법1. selector 을 지정해준다 (가리키는 대상)2. 중괄호를 써준다3. 중괄호 안에 속성을 써준다.  blueTitle { }

방법 1같은 HTML 파일에 HTML 코드와 CSS를 코드를 놓는 방법1-1. style 태그 사용 (head 태그 안에 있어야 함)1) html 태그 안에 head> body> header> h1>The Nick Timesh1> header> main> address>123 Road Altavistaaddress> main> footer>© 2024.NNfooter> body>html>       ✅ 방법 2CSS와 HTML을 분리시키는 방법1-1. 태그 사용1) style.css 파일 만들기 2) link 태그로 연결해주기DOCTYPE html>html lang="kr"> head> title>Home - My first website.title> head> body> header> h..

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