html태그

it/programming

티스토리에서 Javascript로 레이어 팝업 띄우기

이왕 공지올릴때 쓴거 포스팅이라도 해놓으려고요. 이제부터 급한공지는 레이어팝업으로 띄우려하는데요. 여기서 레이어 팝업이란? 보통 팝업은 새로운 자식윈도우를 띄우는건데요 레이어 팝업은 이와 다르게 부모윈도우 자체에, 홈페이지 자체에 붙여놓는 그런 원리입니다. 코드를 간단하게 설명하면 style(css)부분과 script(java script)부분으로 나뉘는데요. css영역 css 사용 선언 [#layerPop] layerPop 이라는 클래스에 적용[width:600px;height:250px;] 팝업 레이어 크기[position:fixed;top:50px;left:200px;] 레이어 위치(fixed는 화면 스크롤에 따라 무빙시키기 위해 사용했습니다.)[border:1px] 테두리[solid #ccc;] ..

it/programming

meta 태그를 알아보자( 납치태그 )

meta 태그에 대해 포스팅해보겠다.원래 목적은 납치태그만 다루는것이였지만 이왕이면 홈페이지 제작에 도움되는 정보라 다 하기로 했다. 납치태그, 많이 들어봤을것이다.그럼 meta태그, 많이 들어봤나? 태그는 HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있다.이런 식으로 사용하는 태그는 문서의 헤더부분( 사이)에 위치하여야 한다.태그에서 가장 일반적으로 사용되는 속성은 name, content 속성이다. 참 혹시 이런태그들 본적 있는가?블로그좀 했다는 사람들은 봤을거다 분명 아마 이게 사람들 사이에는 " 투데이 올려주는 태그 " 라고 불리는데검색엔진에게 문서의 내용을 요약해 주는 역할을 담당한다고 할 수 있다. 검색엔진에게 문서를 쉽게 ..

it/programming

이제부터 웹프밍 언어에 대한건 여따 올릴게여

티스토리하다보니깐알아낸 태그, 발견해낸 정보등을 어따 메모해둬야나중에 쓸수 있겠음 ㅇㅇ 태그정보도 올림

it/information

<a> 태그 html 하이퍼링크 입력시 주의할 점

블로그나 홈페이지 운영하시는 분들은 html태그를 심심치않게 쓰실겁니다 여기서 주로 많이 쓰이는게 ' 하이퍼링크 ' 곧 태그인데요, 여기서 오늘 제가 고생한 실수를 포스팅좀 하겠습니다. 보통 태그 사용법은 죠. ( 간단하게 타겟과 홈페이지 주소만 사용 ) 여기서 가끔 http://를 쓰지 않으시는 경우가 있는데요 이걸 안쓰게되면 [ http:// ] 영역에 그 태그를 쓴 메인 주소가 들어가게됩니다. 예를들어 네이버 블로그에서 쓰셨다면 [ http://blog.naver.com/홈페이지주소 ] 가 들어가게 되는거죠 피해자가 저로써 끝나길 빌며 포스팅을 마칩니다.

it/information

html 과 css를 연동하여 버튼에 이펙트 주기 ( css이벤트 )

블로그를 만지작거리다가 독학한 지식이기 때문에 정확하지 않을수도 있습니다. 하지만 제 블로그엔 제대로 적용됬습니다^^ 이번에 만든 블로그 배너에 마우스를 올리면 볼록 볼록 솟아오르는데요 , 신기하죠 ㅎㅎ 이게 알고보니 되게 간단한거였어요. 알다싶이 티스토리 블로그에는 skin.html 과 sytle.css가 있습니다. html은 레이아웃 , 이벤트 , 전체 골격 등을 구성한다면 css는 디자인, 레이아웃, 살덩어리 를 구성한다고 생각하면 쉽습니다. 여담이였고 일단 html 의 개념을 알아야합니다. 일종의 테두리인데, 를 쓴 예로써 이런게 있죠. 이 기능을 활용하면 쉬운 분류가 가능할 뿐만아니라 각각의 기능을 나눌수도 있더군요. 그럼 먼저, 자신이 사용할 의 id, 그리고 안의 문자를 ..

it/programming

html 스크롤 따라다니는 메뉴 ( 스크롤추적메뉴 ) 만들기

본 게시물은 Naver 블로그에서 이동해온 글입니다. 안녕하세요 꼼수만 늘어가는 한솔입니다 ㅎ 이번에 홈페이지 배너( Hsol ) 을 따라다니게 만들었는데요 . 흡족스럽습니다! 고로 공유... 모두 알려드리죠. 먼저 자바스크립트를 쓸 수 있도록 세팅을해줍니다. 예제는 http://hsol.tistory.com 의 맨 위쪽 [Hsol, 검색창] 추적메뉴 참고 예제 취소되었습니다. 직접 해보시는걸 추천드립니다. 이 스크립트의 특징 : 흔히 알려진

반응형
훈솔
'html태그' 태그의 글 목록