자유로운 수짱

HTML 문서 작성 시 태그(tag)와 특수 기호의 표시를 혼동하지 않기 위해서 엔티티(entity)가 사용됩니다. 예를 들어 HTML 명령어인 태그는 꺽쇠 괄호를 사용해서 입력합니다. 하지만 결과 화면에서 실제 < 꺽쇠가 노출되기 원하여 < 를 입력하면 HTML에서는 태그를 시작한다고 생각하고 결과 화면에서 < 모양을 노출시켜주지 않습니다. 이러한 문제를 해결하기 위해 약속된 엔티티를 사용하게 됩니다. ① 한 칸 띄우고 싶다면 ② 조금 더 넓게 띄우고 싶다면 ③ 크게 한 칸 띄우고 싶다면 와 같이 사용하면 됩니다 ^^ 결과는 아래와 같이 노출되니까 참고해주세요. 비슷한 내용의 포스팅! html br 태그로 줄바꿈을 해보자 [사용방법] 첫 번째 줄 두 번째 줄 [코드 예시] html 상에서 내용을..

이전 글에서 jQuery hide()와 show() 메서드 그리고 setInterval() 메서드 기본 코드를 공부해보았습니다. [IT·인터넷] - jQuery - 사라짐 hide() 나타남 show() Effects [IT·인터넷] - JavaScript - setInterval() Method 주기적 실행 이번에는 한 단계 업그레이드! 공부했던 코드를 기반으로 98도씨라는 쇼핑몰의 검색창 Hot Keyword 부분의 세로 롤링 배너를 참고하여 기능 구현해보았습니다. 핫 키워드의 텍스트가 세로로 롤링되어 올라오는 스타일입니다. 만들어 볼 기능 참고 코드 구조 HTML과 CSS는 아래와 같이 작성하였습니다. Hot Keyword 1. 리스트 2. 리스트 3. 리스트 4. 리스트 5. 리스트 6. 리스트 ..

hide와 show 메서드 또한 웹에 동적인 느낌을 주기에 유용합니다. click 이나 mouseover, mouseenter 와 같은 이벤트와 자주 함께 쓰이는 것 같습니다. 문법 $( selector ).hide( duration [, easing] [, complete] ); $( selector ).show( duration [, easing] [, callback] ); duration 숨겨지는 또는 나타나는 속도를 지정하며 밀리초 단위입니다. 기재하지 않으면 디폴트값인 400밀리초로 표현됩니다. 숫자 대신 예약어인 'fast' 나 'slow' 를 기재할 수도 있습니다. 'fast'는 200밀리초로 표현되며, 'slow'는 600밀리초로 표현됩니다. easing 애니메이션의 속도표현을 나타내는데..

웹 테스트 중 setinterval 을 사용할 기회가 있어서 공부해보았습니다. 함수를 호출하거나 일정 시간 간격으로 함수를 호출할 때 사용합니다. 웹 제작시 동적인 느낌을 주기에 좋은 메소드 입니다. 문법 setInterval(function, milliseconds, param1, param2, ...) setInterval(함수, 시간간격ms, 매개변수1, 매개변수2, ...) 구성입니다. 함수와 시간은 필수 요구사항이며, 매개변수는 선택사항입니다. clearInterval 메소드를 사용하여 반복을 중지할 수 있습니다. 예제 html 코드 구성 A script on this page starts this clock: Stop time 스크립트 구성 var myVar = setInterval(myTim..

HTML 에는 예약 문자라는 것이 있기 때문에 특수문자를 그대로 표시할 수 없는 경우가 있습니다. 때문에 숫자코드나 문자코드로 입력해주어야 합니다. 또한 키보드로 직접 입력할 수 없는 문자를 기술하기 위해서 문자 또는 숫자코드가 사용됩니다. 예를 들어 코드 편집창에서 html을 작성할 때

HTML element 는 기본 디폴트 값이 있다. block element 와 inline element 로 구분된다. [BLOCK] 블록요소는 한 줄에서 전체 너비 값을 가진다. 자주 사용되는 태그는 ~ [INLINE] 인라인요소는 내용만큼의 너비 값을 가진다. 자주 사용되는 태그는 [주의] 블록요소는 블록 요소를 담을 수 있지만, 인라인 요소는 블록 요소를 담을 수 없다. 가능 불가능 전체적인 레이아웃을 만드는 태그는 대부분 블록 요소 세부 항목을 구성하는 요소는 인라인 요소로 이루어진 듯하다. [추가] inline 요소를 block 요소처럼 사용할 수 있도록 inline-block 이라는 css 속성을 사용할 수 있다. inline-block 을 사용하면 inline 요소에도 너비와 높이를 설정할..

[사용방법] 첫 번째 줄 두 번째 줄 [코드 예시] html 상에서 내용을 작성하는 경우 엔터를 사용하여 줄바꿈을 하여도 브라우저 상에는 줄바꿈이 표시되지 않는다. [출력 화면] html 상에서 내용을 작성하는 경우 엔터를 사용하여 줄바꿈을 하여도 브라우저 상에는 줄바꿈이 표시되지 않는다. html 내에서 엔터를 사용하여 줄 바꿈을 하더라도 브라우저 상에서는 줄바꿈으로 표시되지 않는다. 문장 중 태그를 사용한 부분은 줄바꿈 처리되어 브라우저 상에서 확인된다.