Archive of posts with category 'HTML/CSS'

태그의 주소 값으로 # 은 사용해서 안된다.

이미 오래된 내용이지만 아직도 유효하기에 작은 팁으로써 아래의 글을 남긴다.제목에 나온대로 <img> 태그의 src 값으로 #은 입력 하면 안된다.왜 안되는지 결론부터 이야기 하면 서버에서 해당 페이지를 여러번 호출 하기 때문이다.사용자가 보는 화면에서는 분명 페이지가 한번만...

파일 첨부 시 특정 파일 확장자만 선택하게 하기

파일 첨부 시 특정 파일 확장자만 선택하게 하기

<input type=”file”> 태그에 accept 속성으로 사용자가 첨부하려는 파일을 특정할 수 있다.실제 동작하는 모습을 보여주기 위하여 예제를 준비 했다. 하단의 링크를 클릭해서 어떤 모습인지 확인이 가능하다.HTML Example: 파일 선택시 지정한 파일 종류만 보이게 하기 특정 확장자의...

참고자료 – object 태그 안에 사용되는 param 속성 정리(IE전용)

참고자료 – object 태그 안에 사용되는 param 속성 정리(IE전용)

제목과는 관계 없지만 익스전용으로 만들었던 미디어플레이어 제어 스크립트 첨부합니다.미디어플레이어+제어스크립트 미디어플레이어 제어를 위한 MSDN 문서 주소 http://msdn.microsoft.com/en-us/library/dd563945(v=VS.85).aspx https://docs.microsoft.com/ko-kr/windows/win32/wmp/object-model-reference-for-scripting?redirectedfrom=MSDN 이전에 미디어플레이어 제어를 위하여 구글링 했을때 스크랩한 내용입니다. 출처는 적어 두지 않아서 모름니다.미디어 플레이어 예제 보기(IE 전용)<object classid=”CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95″...

css로 도형 그리기 예제사이트

css로 도형 그리기 예제사이트

CSS만을 이용해서 다양한 도형을 그릴 수 있습니다.하지만, 쉽게 그릴 수는 없습니다. CSS로 다양한 도형을 쉽게 그려서 사용 할 수 있도록 샘플 코드를 공개한 사이트가 있어서 소개합니다.https://www.land-of-web.com/freebies/css3-simple-shapes-cheat-sheet.html아래 보이는 이미지와 같은 CSS로 그릴 수 있는 다양한 도형과...

메타태그(META TAG) 속성정리 및 사용 방법

메타태그(META TAG) 속성정리 및 사용 방법

메타태그(META TAG) 속성정리 및 사용 방법검색엔진최적화(SEO) – 메타태그(META TAG)의 속성정리검색엔진최적화(SEO)를 위한 첫 걸음으로 중요한 요소인 메타태그(META TAG)의 속성을 나름대로 정리해 본다.메타태그(meta tag)는 웹페이지(Web page)의 요약이므로 상당히 중요하다고 할 수 있다. 최근들어 검색엔진마케팅(Search Engine Marketing)이 인터넷...