웹사이트에 멋진 HTML 코드 사용

instagram viewer

웹사이트를 창의적으로 만들려면 간단한 HTML 코드를 사용할 수 있습니다. 추가 스크립트 없이 멋진 효과를 만들 수 있는 옵션은 여기에서 확인할 수 있습니다.

HTML로 멋진 효과 만들기
HTML로 멋진 효과 만들기

멋진 움직임 생성

웹사이트에 대해 다른 방식으로 텍스트를 디자인하려는 경우 작은 HTML 코드로 멋진 작업을 수행할 수 있습니다. jQuery 또는 JavaScript와 같은 스크립트 언어에 의존하지 않고 움직임 효과 생성 해야 한다.

  • 예를 들어, 텍스트를 이동하려면 "marquee" 태그를 사용하여 이를 수행할 수 있습니다. 따라서 "direction"에 대한 방향을 지정해야 합니다. 예를 들어 "I'm move"라는 텍스트를 왼쪽에서 오른쪽으로 이동하려면 다음과 같이 작성하세요.
    나는 움직인다.
  • 그러면 이미지의 오른쪽 가장자리에 있는 텍스트가 사라졌다가 왼쪽에 다시 나타납니다. 앞뒤로 계속 움직이는 텍스트를 디자인하려면 대신 다음을 작성하세요.
    나는 움직인다.
  • 당신도 "선택"할 수 있습니다 이미지 파일 예를 들어 이미지에 대해 "Bewegungs.jpg"를 작성하여 두 태그 내에서 이미지 파일을 통합합니다.
    움직이는 그림
    .
  • "scrolldelay"로 텍스트를 지연시키고 "scrollamount"로 매우 빠르게 페이드 인하여 멋진 깜박임 효과를 만들 수도 있습니다.
    나는 깜박.
  • 그래서 사진의 일부에만 링크를 넣어

    웹사이트를 HTML로 직접 프로그래밍하고 다음 링크를 원합니다.

배경 및 링크용 HTML 코드

작은 HTML 코드로 웹사이트의 배경이나 개별 텍스트 구절을 인상적으로 디자인할 수도 있습니다.

  • 예를 들어 웹사이트에 배경 이미지를 사용하는 경우 HTML 코드를 쉽게 사용할 수 있습니다. 사용하다. 선택한 이미지가 적절하게 큰지 확인하고 원본 본문 태그를 코드로 대체해야 합니다.
  • 특정 텍스트 구절의 배경 이미지를 표시하거나 특정 배경색을 설정할 수도 있습니다. 예를 들어, 이미지 "text.jpg"를 "배경 텍스트" 텍스트의 배경으로 사용하려면 다음과 같이 작성하십시오. 배경 텍스트. 검정색 배경색에 사용 배경 텍스트.
  • 방문자가 텍스트, 이미지 또는 링크에 대한 텍스트를 표시하는 즉시 드라이브에 "제목" 속성을 사용하여 설정할 수 있습니다. 텍스트의 경우 span 태그를 다시 사용하십시오. 예를 들어 당신의 텍스트. 링크나 이미지의 경우 해당 태그에 "제목"만 추가하면 됩니다. 예를 들어 링크 또는 사진.

이 기사가 얼마나 도움이 되었나요?

click fraud protection