목록개발/CSS & HTML (3)
그저 내가 되었고
* css 주석은 /* */ e.g. /* block level element */ * style tag 中 border로 부피감 알아채기 e.g. h1{ border-width: 4px; border-colour: orange; border-style: solid; display: inline; - 이건 h1이 비록 블락 레벨(화면 꽉 채워서 줄 바꿔버리는 애)이더라도 인라인 레벨로 강등(?) } a{ border-width:3px; border-colour:orange; border-style:solid; display: block; - 이건 a 태그가(링크) 비록 인라인 레벨(줄 바꿈 없이 자기 자리에서만 쓰이는 애)이더라도 블락 레벨로 승진(?) ☞중복 싫어!!! h1과 a 동시에 적용도 가능..
HTML은 정보를 표현하기 위해서 고안된 언어. 하지만 사람들은 정보만으로는 못산다고 불평을 쏟아내기 시작함. html 내에서 디자인을 위한 tag를 만들어 해결해보려 했으나 여러 문제점에 봉착(대표적으로 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시켜버림), 근본적인 해결책인 CSS라는 새로운 언어를 만들어냄. [1] ; 스타일 태그란? 이 코드 적으면 그 안의 코드는 CSS [2] ; 스타일 태그 사용법 이건 폰트 색상 정해주는 CSS(저 a{ }는 이 html 페이지의 모든 링크를 다 부르는 코드. 얘는 이 웹 페이지에서 우리가 지금 주고 싶은 효과를 '누구에게 줄 것인가'를 '선택'한다는 점에서 'selector, 선택자'라고 부름. color: navy;..
🦉一球入魂🏐 🌾喝采は要らん。ちゃんとやんねん🏐 HTML은.... Java에 비해 정말이지 쉽꾼........ 처음 작성해본 html 페이지 코드⭆ ☞문서 타입이 html임을 명시(꼭) ☞(꼭) ☞제목 부분 끝났음을 명시(꼭) ☞본문 부분임을 명시(꼭) ☞Go to official homepage ☞줄바꿈 기호 Pick Up Limes🍐 ☞unordered list. 은 ordered list로 번호 붙은 목차. Videos ☞로 목차 한 개 Acticles Recipes ☞여기까지 목차 ☞이미지 삽입 태그는 image src=" ". width="100%"하면 창에 가로 비율 꽉 차게 들어옴. "pul.jpg"와 width="70%"는 Attribute 즉 속성!! 태그가 태그 이름만으로는 정보..