Internet/HTML3

HTML pre 태그 태그는 내용을 공백 줄 바꿈 태그 등을 사용하지 않고도 작성한 그대로 표시 되기에 코드 등을 표현할 때 많이 사용합니다. 가다라마바사 아자차가 타 파하 A B CB EFG 위와같이 태그를 입력하고 글을 작성하면 줄 바꿈 등 작성한 내용과 동일하게 출력을 합니다. 가다라마바사 아자차가 타 파하 A B CB EFG   등의 태그를 사용하지 않고도 작성한 대로 표현됩니다. $(document).ready(function(){ $(".jtoggle .btn").click(function(){ $(".jtoggle ul").toggle(); }); }); 제이쿼리 토글 버튼 소스로 위와 같이 작성 내용 그대로 보여주기 때문에 소스 코드 표현에 매우 유용하게 사용됩니다. 2014. 10. 29.
목록 이동 a 태그 긴 글 작성 시 소제목으로 글을 분류하여 작성을 하고 a 태그로 목차를 만들어 클릭을 하면 해당 제목으로 바로 이동하는 방법입니다. 1. 첫 번째 글 2. 두 번째 글 3. 세 번째 글 4. 네 번째 글 첫 번째 글 두 번째 글 세 번째 글 네 번째 글 ▲ TOP 이동할 곳에 ID를 지정하고 링크 태그에 아이디 이름을 적어 주면 됩니다. 아이디가 존재하는 태그라면 기존 아이를 적으면 되옵니다. 단순 탑버튼을 만들 때는 하이퍼링크에 # 만 적어주면 클릭시 웹 최상단으로 이동 합니다. 1. 첫 번째 글 2. 두 번째 글 3. 세 번째 글 4. 네 번째 글 첫 번째 두 번째 글 세 번째 글 네 번째 글 ▲ TOP 2014. 10. 19.
반응형 블로그 동영상 크기 자동 조절 (iframe,object,embed) 반응형 웹에서 아이프레임등에 사이즈 고정값이 들어가기 때문에 레이아웃이 깨지는데 이를 DIV 코드로 미리 싸서 가로 100% 세로 56% 비율로 자동 조절 해줍니다. 유투브 동영상 코드 브라우저 가로 폭을 줄이면 동영상도 같이 줄어 듭니다. 유튜브 동영상 뿐만 아니라 다음tv 등 iframe, object, embed 방식이면 모두 적용이 가능 합니다. 코드를 미리 서식으로 만들어 놓고 사용하면 빠르고 편하게 적용 가능 합니다. .embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } .embed-container iframe, .embed-container object, .embed-container.. 2014. 9. 25.