/ / 크롤링 HTML 만들기

HTML 스크롤 라인 만들기

들어온다 선 HTML을 만들려면닫는 태그 . 텍스트뿐만 아니라 표, 이미지, 양식 등의 다른 요소도 포함 할 수 있습니다. 속성을 사용하여 수평 변위뿐만 아니라 수직도 설정됩니다. 후자의 경우 필드 높이를 지정해야합니다.

흥미롭게도 그는 원래Internet Explorer 용으로 만들어졌지만 다른 사람들은 나중에 이해하는 법을 배웠습니다. 일반적으로 반대 현상이 발생하지만 Microsoft의 브라우저는 항상 뒤처진 브라우저로 작동하여 프로그래머에게 많은 문제를 일으 킵니다.

HTML 코드

관련성

는 HTML에서 들어온 선 태그입니다. 모든 현재 브라우저 버전에서 지원됩니다. 이와 관련하여 문제가 없으므로 안전하게 사용할 수 있습니다.

그러나 의미 론적 측면에서 이는 더 이상 사용되지 않으며 HTML 사양에 더 이상 포함되지 않습니다. 따라서이 태그가 포함 된 코드는 유효성 검사를 통과하지 못합니다.

그 이유는 무엇입니까?현대의 HTML에서는 모든 애니메이션과 스타일링이 CSS에 의해 수행되므로 크립 라인이 없습니다. 때로는 JS를 사용해야합니다. 따라서 HTML은 마크 업에만 책임이 있습니다. 그럼에도 불구하고 는 이전 버전과의 호환성 덕분에 잘 작동합니다.

구문

HTML에서 들어온 선은 닫는 태그로 지정됩니다.

 ...  

내부에는 텍스트뿐만 아니라 사진이나 표와 같은 다른 요소도 배치 할 수 있습니다. 이 코드는 작동하지만 유효하지는 않습니다.

들어온다 라인

스크롤 속도

속성을 사용하여 HTML에서 들어온 선을 제어 할 수 있습니다. 이동 속도는 scrollamount 속성을 통해 설정됩니다. 다음과 같이 보일 것입니다 :

 일부 텍스트   

속도 변화는 일정합니다텍스트 위치에 대한 정보를 삭제하고 새 위치에 표시합니다. 속성의 값을 변경하여 이전 위치와 새 위치 사이의 픽셀 수를 설정합니다. 따라서 값이 클수록 속도가 커집니다. 이 속성은 모든 브라우저에서 지원됩니다.

스크롤 속도가 너무 빠르면텍스트를 계속 읽을 수 있도록 자동 제한이 설정됩니다. 이 제한을 극복해야하는 경우 truespeed 속성을 입력하십시오. 모든 브라우저 버전에서이를 이해하는 것은 아닙니다. IE와 Firefox가 작동 할 수 있습니다.

스크롤 텍스트 간 지연은 scrolldelay 속성을 사용하여 설정할 수 있습니다.

스크롤 박스

태그의 너비는 부모의 전체 너비를 갖습니다품목. 그리고 높이는 내용물과 같습니다. 이를 변경하려면 높이와 너비를 담당하는 두 가지 속성을 사용해야합니다. 이들은 각각 높이와 너비입니다. 픽셀 또는 백분율을 사용할 수 있습니다.

hspace와 hspace와vspace. 그들은 들어온 선 주위에 빈 공간을 만들거나 들여 쓰기를해야합니다. 거리는 각각 수평 및 수직으로 설정됩니다.

모션 파라미터

속도 외에도 다른 설정을 할 수 있습니다모션 파라미터. 방향 속성은 방향 속성을 담당합니다. 기본적으로 텍스트는 오른쪽에서 왼쪽으로 이동합니다. 이 운동은 권리의 가치에 해당합니다. 텍스트를 반대 방향으로 움직이려면 왼쪽을 지정하면 다음과 같이 나타납니다.

 ...  

가로 스크롤 외에도 세로를 지정할 수 있습니다. 컨텐츠를 위로 이동하려면 값을 위로 사용하고 아래로 이동하십시오.

Для изменения характера движения есть еще два 흥미롭고 유용한 속성. 내용이 극한 위치에서 멈추고 움직이지 않는 스크롤 수를 지정할 수 있습니다. 이 속성은 루프 속성에 해당합니다. 기본값은 -1입니다. 0으로 설정하면 텍스트가 전혀 움직이지 않습니다. 0보다 큰 정수는 카운터를 시작합니다.

Более объемным атрибутом является behavior.그는 컨텐츠가 움직이는 방식을 책임집니다. 기본값은 scroll입니다. 콘텐츠가 지정된 방향으로 이동하고 완전히 사라지면 다시 이동하기 시작한다는 의미입니다.

내용이 적 으면 속성을 설정할 수 있습니다대체 가치. 극한 지점에 도달하면 내용이 반대 방향으로 이동하기 시작합니다. 따라서 카운터가 설정되지 않은 경우 무한 횟수입니다.

마지막 값은 슬라이드입니다. 그는 내용이 끝까지 도달하고 멈추도록 지시합니다.

마크 업용 HTML, 스타일 용 CSS

스타일

태그에는 bgcolor 속성이 포함되어있어 문자열의 배경색을 설정할 수 있습니다. 기본적으로 페이지와 동일합니다.

아름다운 라인을 만들려면 HTML로는 충분하지 않습니다. 스타일을 사용해야합니다. 예를 들어, 텍스트를 더 아름답게 만들고 싶다면 :

 줄 넘김  

신청서

크리핑 라인을 사용하는 방법에는 여러 가지가 있습니다.실행중인 텍스트를 사용하여주의를 끌 수 있습니다. 많은 양의 텍스트를 포함하는 정보원의 모양을 만드는 것이 가능합니다. 부드럽게 움직이는 일련의 그림을 삽입 할 수도 있습니다. 이런 식으로 더 많은 콘텐츠를 표시합니다.

예를 들어 달리는 사람의 애니메이션 그림을 적용하면 HTML 코드에서 들어온 선이 간단한 애니메이션을 만드는 데 도움이됩니다.

들어온 줄에서 텍스트 만 사용할 수있는 것은 아닙니다

성과

HTML에서 선택 윤곽을 만드는 방법을 설명했습니다.이것은 배우기 쉬운 상당히 간단한 방법입니다. 그러나 더 이상 사용되지 않으며 유효성 검사를 통과하지 못합니다. 다른 브라우저에서 작업하는 데 문제가 발생할 수있는 추가 개발 및 지원을받지 못했습니다.

CSS는 애니메이션에 좋습니다

사용하지 않는 것이 좋습니다.CSS3는 크리핑 라인 또는 일반적인 애니메이션을 만들기 위해 고유 한 @ 키 프레임 규칙을 획득했습니다. 순차적 인 애니메이션 프레임을 만들 수 있습니다. 그리고 애니메이션 속성은 이미이 애니메이션의 흐름을 결정합니다. 이 툴킷은 기존 태그보다 훨씬 많은 기능을 제공합니다. 그것을 사용하는 것이 훨씬 더 편리하며, 가장 중요한 것은 불필요한 정크에서 HTML을 지우고 더 읽기 쉽고 구조화하는 것입니다.

좋아요 :
0
© 2018, "Paulturner-Mitchell.com". "Paulturner-Mitchell.com"에 대한 링크가 제공된 경우 사이트에 게시 된 모든 자료의 사용이 허용됩니다.
예