반응형 프로그래밍/HTML+CSS5 [HTML] 마크업 시작전에 알아두면 좋을 내용 1. 태그를 닫을 때 별 오류가 없더라도 '/'를 빼먹지 말자. (xhtml) 2. font, center, blink, iframe, big, small 요소 사용을 지양(css로 처리가능) 3. table 요소는 접근성, 크로스 브라우징등이 어려우므로 고민하고 사용하자. 4. html보다 xhtml이 더 엄격하므로 xhtml를 지향하여 마크업하는 것이 좋다. 5. 주석은 로 깔끔하게 쓰며 더블대시 연결은 사용하지 말자. 6. 태그는 즐겨찾기할때의 이름으로 사용된다. 2021. 1. 21. [HTML] 마크업할때 웹표준을 준수하는 방법 왜 웹표준이 중요할까? 만약 내가 홈페이지를 하나 열심히 만들었는데 웹표준이 아닌 경우라면 사용성이 떨어져서 안타깝게도 이 세상에서 금방 소멸될지도 모른다. 내가 만든 페이지가 오래 지속되기 위해서는 웹표준을 잘 익혀서 만들어야 한다. 우선 웹표준을 잘 지키기 위해서는 요소에 대한 이해가 필요하다. 요소란 무엇일까 태그란 ''로 둘러싸인 시작()과 종료 태그(/p)의 형태이고, 속성은 id, class, type 등과 같이 이름 그대로 속성값을 지정하며, 요소란 시작 태그와 종료 태그를 포함한 뭉테기를 말한다. 요소의 두 가지 형태 1. 블록 요소 : 블록의 모양처럼 영역이 가로 끝까지 차지하며 줄바꿈된 형태(한줄 다 차지)를 말하는 요소 ex) h1~6, p, div 등 div입니다. h1입니다. di.. 2021. 1. 21. [HTML] W3C 웹 표준 / 크로스 브라우징 / 웹 접근성 웹 표준 기술, 웹의 구성요소 3가지 HTML(Hyper Text Markup Language) html은 하이퍼 텍스트 마크업 랭귀지의 줄임말이다. 마크업이라는 단어 때문에 html 코딩을 '마크업한다.'라고 부르기도 한다. 마크업이란 쉽게 말해 이해가 쉽도록 페이지에 의미를 부여하는 것이다. CSS(Cascading Style Sheet) 캐스캐이딩 스타일 시트, 단어에서 유추가 가능한 것처럼 페이지에 스타일을 입힌다. JS(JavaScript) 웹페이지의 기능과 동작을 담당하는 언어이다. 이 세가지는 표면 상에 드러난다고 해서 클라이언트 사이드 or 프론트엔드라고 부른다. (HTML + CSS + JavaScript) = 웹 사이트? 이 세가지만으로 웹 사이트를 제작할 수는 있겠지만 많이 부족하다... 2021. 1. 21. [CSS] 웹화면의 정중앙 / 가운데 정렬하는 css 소스 HTML CONTENTS CSS body { width:100%; height:100%; } #box{ width:300px; height:300px; margin:0 auto; } 2021. 1. 14. 이전 1 2 다음 반응형