몇 줄의 HTML 및 CSS 코드를 사용하여 웹사이트에 티커를 추가하십시오.
선택 윤곽이라고도 하는 티커는 보기 화면의 너비를 가로질러 스크롤하여 한 눈에 보고 이해할 수 있도록 설계된 메시지를 표시합니다. 뉴스 하이라이트 또는 주식 시장 데이터를 표시하기 위해 텔레비전에서 일반적으로 사용되는 티커는 때때로 웹에도 나타납니다. HTML과 CSS(Cascading Style Sheet) 코드 몇 줄만 있으면 이러한 유형의 콘텐츠를 웹사이트에 빠르게 추가할 수 있습니다.
1 단계
웹 페이지를 열고 HTML 코드를 봅니다. Adobe Dreamweaver와 같은 시각적 편집 도구를 사용하는 경우 페이지를 열고 티커를 추가할 영역을 클릭합니다. 보기 모드를 코드 보기로 변경하십시오. 이것은 페이지의 모양을 제어하는 HTML 코드를 보여줍니다. 텍스트 편집기를 사용하는 경우 편집기에서 페이지를 열고 티커를 추가하려는 페이지 부분까지 아래로 스크롤합니다.
오늘의 비디오
2 단계
빈 줄을 삽입하려면 "Enter" 키를 누르십시오.
3단계
다음 코드를 복사하여 빈 줄에 붙여넣습니다.
이 코드는 기본적으로 화면에서 콘텐츠를 오른쪽에서 왼쪽으로 슬라이드하는 선택 윤곽 요소를 정의합니다. 여는 선택 윤곽 태그와 닫는 선택 윤곽 태그 사이에 포함된 단락이 이 예의 내용입니다.
4단계
디자인 요구 사항에 맞게 코드 매개변수를 업데이트합니다. 여는 선택 윤곽 태그는 CSS 스타일 규칙을 사용하여 약간 더 어두운 회색의 1픽셀 너비 테두리와 함께 밝은 회색 배경색을 정의합니다. 이 모든 값을 조정할 수 있습니다. 또한 여는 단락 태그와 닫는 단락 태그 사이에 있는 자리 표시자 콘텐츠를 자신의 텍스트나 이미지로 대체하십시오.
5단계
페이지를 저장하고 웹 브라우저에서 엽니다. 티커는 1단계에서 선택한 페이지 위치에 화면에 나타납니다.
