본문 바로가기

www/HTML tip14

HTML 체크리스트 웹표준 개발자가 업무간 체크해야하는 확인 사항들로 내부체크리스트와 외주 대행업무 전달시 지켜져야 하는 CP가이드가 통합적으로 정리되어 있습니다.체크리스트 표항목CP내부확인툴웹표준(필수) HTML validator 통과했는가?OOfirebug(필수) CSS validator 통과했는가?OOfirebug코딩 컨벤션(필수) Cross Browsing 되는가?PC(Window)IE8(주)OOIE9OOIE7OOFF/Chrome/Safari/Opera (최신)OOPC(Mac)FF/Chrome/Safari/Opera (최신)OOMobileAndroid 4.0 (주0S)OOiOS 6.1OODaum의 해당 서비스의 Doc type을 따르고 있는가?ODaum의 레이아웃 가이드를 따르고 있는가?ODaum의 heading룰이.. 2014. 1. 1.
파비콘(Favicon) 만드는 방법과 홈페이지에 적용하는 방법 파비콘(Favicon) 만드는 방법과 홈페이지에 적용하는 방법파비콘(Favicon)은 Favorite Icon을 줄여서 부르는 말입니다. 인터넷 주소창이나, 즐겨찾기에 웹사이트를 추가하였을때 보이는 작은 아이콘을 말합니다. 아래 그림처럼 주소창앞에 조그만 아이콘으로 보여집니다. 파비콘을 만드는(준비하는) 방법과 이를 홈페이지에 적용하는 방법에 대해서 설명해 보겠습니다. 1. 파비콘 만드는 방법 포토샵과 같은 이미지 편집 프로그램을 다룰 수 있다면 직접 만들면 됩니다. 16*16 사이즈로 만들고, 저장할때 확장자를 ico로 지정해 주시면 됩니다. 이미지 편집 프로그램을 다룰 수 없는 경우에는 인터넷상에 파비콘으로 사용할만한 이미지들이 많으니 다운받으면 됩니다. 홈짱닷컴의 파비콘은 http://www.fam.. 2014. 1. 1.
HTML의 기본구성 HTML의 기본구성HTML 문서는 기본적으로 HEAD, BODY 로 구분됩니다.HEAD안의 내용은 화면에 직접적으로 출력되지는 않지만 웹브라우저가 알아야 할 중요한 정보들이 들어있습니다.BODY안의 내용은 화면에 직접 출력되는 부분입니다. ... HTML 문서의 시작과 끝을 의미하는 태그로서 작성된 문서가 HTML을 사용한 문서임을 나타냅니다. 시작태그인 은 앞쪽에, 종료태그인 은 문서의 마지막에 두어 소스 전체를 감싸주어야합니다. 즉, 태그 안에와 ... 태그가 차례로 위치하게 됩니다. 는 HTML 문서에 관한 기본 정보를 포함하고 있는 부분으로, 주로 문서의 제목, 제작자, 문서정보 등이 포함될 수 있습니다. - 문서 상단의 제목 설정 - 문서 정보 설정 - javascript 언어 등을 사용한 다양.. 2014. 1. 1.
링크(Link) 링크(Link) 태그를 사용하면 링크를 만들 수 있습니다."a"는 앵커(Anchor)를 의미합니다.href 태그는 기본적으로 href 속성을 가집니다. 이동할 페이지 주소를 적어주면 되죠. 네이버target 태그에서 사용할 수 있는 또하나의 중요한 속성은 target입니다.target 속성은 링크가 걸린 페이지를 어떻게 열것인가를 결정합니다.네이버위와 같이 target 속성의 값을 _blank로 지정하면 새창에서 네이버 홈페이지가 열립니다.네이버title태그에서 살펴볼만한 3번째 속성은 title 속성입니다. 이는 링크의 이름을 지정하는 속성입니다.네이버title을 지정해 주면 링크에 마우스를 올렸을때 타이틀이 표시됩니다. 아래 링크에 마우스를 올려서 확인해 보세요.네이버 내부링크(책갈피 기능)태그의 속.. 2014. 1. 1.