본문 바로가기
반응형

기타 HTML 코드9

[html 응용] 하이퍼 링크 거는 방법 (택스트, 이미지, 새창) 링크란? 하이퍼링크(HyperLink)라고 불리는 이 기능은 인터넷에서 가장 중요한 기능 중의하나로써 실제로 이 기능 덕분에 인터넷이 탄생했다고 해도 과언이 아닐 정도로 중요한 기능이다. 보통 인터넷을 서핑 할때 이미지나 택스트에 걸어둔링크들을 클릭함으로 인하여 페이지를 이동한다거나 다른 사이트로 이동한다 하는 기능을 우리는 차이점을 느끼지 못하고 있지만 원하는 정보를 찾아 가는데 가장 빠르고 쉽게 접근할 수 있는 방법이라는 점에서 매우 중요한 의미를 갖고 있다. 링크의 대상은 여러 가지가 될 수 있다. 링크를 적용시킬 때 '링크를 건다'는 표현을 하는데 이 링크를 걸게 되는 대상은 크게 2가지 종류가 있다. 하나는 텍스트에 링크를 거는 것과 다른 하나는 이미지에 링크를 거는 것이다. 둘 다 HTML은 모두 2017. 10. 1.
페이지를 자동으로 새로고침 되게 하는 HTML소스 아래 내용을 사이에 넣어주세요. 현재는 10초에 한번씩 새로고침되게 되어 있습니다. 2017. 9. 26.
아이프레임(iframe) Inline Frames / HTML 코드 아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다. 일반적인 프레임(frame)과 비교해보면 아이프레임은 태그 사이에 올 필요가 없으며, 독립적으로 마치 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다. 아이프레임에서 사용할 수 있는 속성도 태그과 유사합니다. src 속성 inline frame 내에 불러올 문서의 주소를 적어주면 됩니다. 홈짱 홈페이지를 불러오는 예제를 만들어 보겠습니다. width와 height 속성 inline frame의 너비와 높이를 지정할 수 있습니다. frameborder 속성 inline frame의 경계선의 두께를 지정할 수 있습니다. marginwidth와 marginheig.. 2017. 9. 25.
HTML 강좌 - 글자의 크기, 색상, 글꼴을 바꾸어 주는 <FONT> 태그 글자의 크기뿐만아니라 글자의 색상, 글꼴까지도 변경하는 태그에 대해 알아보자~ 1. : Font - : 글자의 속성을 다양하게 변경할 수 있다. - : 글자의 크기를 바꿀 수 있다. 숫자가 작으면 글씨는 작게 보이고 숫자가 크면 글자의 크기도 크게 보인다. 혼동이 되겠지만 태그와는 반대로 생각하여 한다. - : 글자의 색상을 바꿀 수 있다. 색이름을 직접 써 넣어도 되고 수치로 입력하여도 된다. (예: GRAY, NAVY, BLACK, WHITE, RED, YELLOW, BLUE, #E7A5B2, #FFFFFF...) - : 글자의 서체를 바꾸어 준다. 영문 글씨체를 한글에 적용하였을 경우 제대로 된 결과를 볼 수 없지만 한글 글씨체의 경우에는 영문에 서체가 적용되는 것도 있다. 태그 연습시에는 일반적인.. 2017. 9. 25.
도메인 네임 시스템 (DNS)이란? 도메인 네임 시스템 (DNS)이란? 도메인에 대해서 이해하기 (도메인 형태) 네임 서버와 DNS의 관계를 알아가려면 구조를 먼저 아셔야 합니다. 일반적으로 서버나 호스팅을 하는 업체라면 네임서버를 구축하고 있습니다. 그리고 개인적으로 운용하는 개인서버에도 아이피 주소가 존재합니다. (일반적으로 가정용 인터넷 회선의 공인IP 입니다.) 그 네임서버를 통해서 영어 단어로 입력한 그 주소를 IP주소로 변환하여 접속하게 해주기 위한 다리 역할을 하고 있습니다. 모든 도메인에 관해서 각각의 네임서버가 존재 합니다. 다만 얼마나 많은 양을 처리하고 분산시켜서 안정화를 하고 있으며 얼마나 빠르냐가 가장 관건입니다. 예를 들어서 A 라는 업체에서 abc.com이라는 도메인을 구매했다고 합니다. A업체는 당연히 네임서버.. 2017. 9. 18.
[워드프레스] 페이팔 기부 버튼을 사이트에 추가하기 워드프레스에서 페이팔 기부 버튼을 추가해주는 다양한 플러그인이 있습니다. 이 블로그에 사용된 플러그인은 PayPal Donations라는 플러그인입니다. (이전에 사용하던 플러그인이 보안상의 문제가 있어서 워드프레스 플러그인 페이지에서 삭제되어 이 플러그인으로 바꾸었습니다.) 어떤 플러그인을 사용하든 기능에서 별 차이가 없을 것입니다. 사용자 평가가 좋고 많은 사용자가 사용하며 최근에 업데이트된 플러그인을 선택하면 무난할 것 같습니다. PayPal Donations는 이러한 조건에 부합하는 무료 플러그인 중 하나입니다. 이 플러그인을 설치하여 활성화하면 워드프레스 관리자 대시보드에서 설정 > PayPal Donations를 통해 설정 페이지에 접근할 수 있습니다. 다양한 설정을 지정할 수 있습니다. Pa.. 2017. 9. 12.
파비콘 만들기, 파비콘이란? 파비콘이란? 나의 홈페이지를 타인이 즐겨찾기하거나 북마크등을 할때 웹주소앞에 붙는 작은 아이콘을 말해요. 자 그럼... 하나씩 따라해보세요... 뚝딱뚝딱 따라하다보면 어느새 완성되어 있을거에요...^^ 1. 우선 자신의 홈페이지로고가 필요해요..( jpg,png 등등...) 특별한 로고가 없다면 아무 이미지로 해도 괜찮아요..다만 이미지가 정사각형이어야 한다는점...ㅋ 2. 파비콘을 직접 제작해도 되지만 굉장히 귀찮아요 ㅋㅋㅋ...그런분들을 위해 준비된게 있네요... http://www.degraeve.com/favicon/ 위 사이트를 접속하시면 아래와 같은 화면이 나와요.. 3. 위 화면에서 파일을 선택한후 업로드 하면 파비콘이 생성되요... 4. 그럼 완성된 파비콘을 내 컴에 저장해줘요...(이미지.. 2017. 9. 8.
플로팅 배너 소스 원하는 위치에 플로팅 되는 소스 입니다. 찾으시는 분들도 있으신듯 하고, 정작 사용하려고하면 불편한 것도 있는듯 하여 저도 검색을 통해 해보고 적용해 보니 간단하고 간편하고 이미지 배너 뿐만이 아니라 다른 기능을 넣어서도 사용이 가능한듯 하여 활용하시면 좋을듯 합니다. 이미지 대신 다른 메뉴나 기능을 넣어서 다양하게 사용이 가능 합니다. 보통 tail.php 하단에 넣어 주시면 됩니다.. 아래 이미지 참조 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 /* 떠다니는 메뉴 (Floating Menu) */ #floatdiv { position:fixed; _position:absolute; _z-index:-1; width:160px; /* 가로.. 2017. 9. 7.
HTTPS(SSL) 이용시 주의사항 간혹 보다가 ssl 적용 후에 이미지가 안뜬다거나, 작동되던 기능이 안된다고 하시는 분들이 계십니다. ssl 사용시 보안통신이 적용되는 홈페이지에서만 파일을 가져올 수 있습니다. 따라서 스크립트나 폰트, 이미지 등을 호출하는 주소를 https로 변경시켜주셔야 합니다. 특히 스마트에디터를 사용한 경우에는 본문에 작성당시의 이미지 주소로 저장되기 때문에, DB에서 https로 주소를 변경해주실 필요가 있습니다. 제가 도메인을 변경할 때 사용하는 간단한 방법을 추천드리자면, db를 sql로 export해서 문자열 치환을 제공하는 에디터로 수정 후 저장해보세요. 2017. 9. 7.
반응형