홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • sessionStorage를 사용하여 페이지 값을 전송하는 HTML5 방법

    sessionStorage를 사용하여 페이지 값을 전송하는 HTML5 방법

    HTML5에서 제공하는 로컬 저장 기능을 통해 웹 애플리케이션은 사용자의 로컬 브라우저에 데이터를 저장할 수 있습니다. HTML5에서는 모든 서버 요청에 의해 데이터가 전달되지는 않지만 요청된 경우에만 데이터가 사용됩니다. 이를 통해 웹사이트 성능에 영향을 주지 않고 많은 양의 데이터를 저장할 수 있습니다. 클라이언트 측에 저장하는 방법에는 두 가지가 있습니다: 1.
    2025-02-01
  • Canvas를 사용하여 회전 태극권을 만드는 예

    Canvas를 사용하여 회전 태극권을 만드는 예

    서문 캔버스를 오랫동안 만지지 않았는데 갑자기 오늘 오후에 복습하고 싶어서 회전태극권을 써봤습니다. ㅎㅎ 여기서는 회전태극을 쓰는 과정을 보여드리겠습니다. CSS, 캔버스 자체를 사용하지 않고 그렇습니다. 대기업들이 불평하지 않기를 바랍니다. CSSbody{ 배경: #d
    2025-02-01
  • HTML5의 비디오 태그에는 MP4가 재생할 수없는 몇 가지 문제가 있습니다 (Multi -Picture)

    HTML5의 비디오 태그에는 MP4가 재생할 수없는 몇 가지 문제가 있습니다 (Multi -Picture)

    이제 웹 페이지의 응용 프로그램은 실제 프로젝트에서는 H5 웹 페이지에서 정상적으로 재생할 수 있습니다. 1. 우선 인터넷에서 MP4 파일을 다운로드했으며 Google은 정상적으로 재생할 수 있습니다. 그런 다음 형식을 공장에 사용하여 RMVB 파일을 MP4로 변환 한 다음
    2025-02-01
  • 캔버스를 사용한 이미지 압축 샘플 코드

    캔버스를 사용한 이미지 압축 샘플 코드

    프로젝트에서 신분증 인식을 할 때 사진을 base64 형식으로 인코딩해서 전송해야 하는데 휴대폰으로 찍은 사진이 너무 크고, base64로 변환하는 것도 너무 아까워서 해결책을 찾아봤습니다. 관련된 지식 포인트는 onchange 이벤트입니다. 그런 다음 파일 속성을 사용하여 업로드된 파일 객체를 얻습니다.
    2025-02-01
  • HTML5 새로운 제어 날짜 및 시간 선택 입력 구현 코드

    HTML5 새로운 제어 날짜 및 시간 선택 입력 구현 코드

    HTML5는 몇 가지 새로운 날짜 관련 컨트롤을 정의합니다. 날짜 제어를 지원하는 브라우저는 사용자가 선택할 수 있는 편리한 드롭다운 달력을 제공합니다. 참고: 현재 Chrome과 Opera에서만 드롭다운 캘린더 지원을 제공하며 다른 브라우저는 여전히 일반 텍스트 상자입니다. 1. 날짜 제어 - 날짜
    2025-02-01
  • HTML에서 앵커 포인트 사용

    HTML에서 앵커 포인트 사용

    이제 앵커 포인트 제어의 여러 상황을 요약합니다. 1. 같은 페이지에서<a name=add></a><!-- 定义锚点 --> 다른 페이지에서 앵커 포인트는 A.HTML에 위치하고 다른 페이지의 링크 에서이 앵커 포인트 <a로 <a href=#add>점프</a> 점프가 있습니다.
    2025-02-01
  • LocalStorage 및 SessionStorage 사용자 레코드 (권장)

    LocalStorage 및 SessionStorage 사용자 레코드 (권장)

    웹 스토리지 Locastorage 및 SessionStorage의 사용법을 읽음으로써 God Gods는 재판을 위해 그것을 시도하여 여기에 각서를 남겼습니다. 프로젝트에서 스토리지를 여러 번 사용하는 경우 많은 데이터를 저장해야하며이를 기능으로 캡슐화해야합니다.
    2025-02-01
  • HTML5의 수직 센터링 솔루션에 대한 자세한 설명

    HTML5의 수직 센터링 솔루션에 대한 자세한 설명

    CSS에서는 수평 센터링을 달성하기 위해 margin: 0 auto; 를 사용할 수 있지만 margin: auto 0 은 수직 센터링을 달성할 수 없습니다. 여기서 가장 큰 이유는 부모 컨트롤, 즉 컨트롤 자체의 위치가 올바르지 않기 때문입니다. 코드를 직접 보면 먼저 상위 컨트롤에 대한 상대 레이아웃을 사용해야 합니다.
    2025-02-01
  • 캔버스 그리기 플로팅 볼 효과의 예

    캔버스 그리기 플로팅 볼 효과의 예

    최근 블록체인 정보에 관심을 갖고 여기저기 돌아다니다가 우연히 이 홈페이지의 효과를 봤습니다. 공이 가까워지면 거기에 연결된 감지선이 있을 것입니다. 마우스는 공으로 감지선을 만들 수도 있습니다. 다음은 캔버스로 만든 것입니다. 원래 효과를 깨닫기 전에는 캔버스도 할 수 있다는 것을 알고 있습니다.
    2025-02-01
  • 모바일 Html5 페이지 생성 이미지 솔루션

    모바일 Html5 페이지 생성 이미지 솔루션

    요즘에는 WeChat 공개 계정 운영 활동이 많아 사진을 생성해야 할 필요성이 있습니다. 사진이 생성된 후 친구에게 전송하고 Moments에서 배포할 수 있어 제품 홍보에 도움이 됩니다! 1. 캔버스를 사용하여 이미지를 생성할 수 있지만 이미 html2canvas라는 오픈 소스 라이브러리가 있으므로 시간을 절약하기 위해 자체 github 주소를 작성하지 않았습니다. h
    2025-02-01
  • 다채로운 링 카운트다운 효과를 구현하는 SVG 샘플 코드

    다채로운 링 카운트다운 효과를 구현하는 SVG 샘플 코드

    링 카운트다운을 자주 볼 수 있으며 이를 구현하는 방법은 다양합니다. 하지만 이 기사에서는 SVG를 사용하여 카운트다운 기능을 구현하는 새로운 구현 방법을 소개합니다. 이 문서에서는 주로 SVG의 스트로크-대시 배열 및 스트로크-대시 오프셋 기능을 사용합니다. 아래 그림은 카운트다운 실행 효과입니다. SVG 카운트다운 사례
    2025-02-01
  • HTML5 페이지를 iPhoneX에 적용하는 것과 관련된 문제

    HTML5 페이지를 iPhoneX에 적용하는 것과 관련된 문제

    1. 아이폰 소개 크기의 확대 관계를 발전시키나 이는 단지 외적인 표현일 뿐이다. 이중 그래프 코어의 영향 요인
    2025-02-01
  • HTML5 캔버스를 기반으로 한 실현 박스 효과

    HTML5 캔버스를 기반으로 한 실현 박스 효과

    사용자 마우스가 이동하면 팝업 프레임이 매우 일반적입니다. HTML 요소를 다룰 때 간단하지만 HTML5 캔버스로 구성된 그래픽으로 처리되는 경우 캔버스가 캔버스, 캔버스에 얼마나 많은 그래픽을 그려 보더라도 캔버스가 다른 메커니즘 세트를 사용하기 때문에이 방법은 더 이상 적용되지 않습니다.
    2025-02-01
  • HTML5에서는 li-canvas를 사용하여 단일 그림, 여러 그림, 둥근 모서리 그림 그리기, 한 줄 텍스트, 여러 줄 텍스트 등을 쉽게 구현할 수 있습니다.

    HTML5에서는 li-canvas를 사용하여 단일 그림, 여러 그림, 둥근 모서리 그림 그리기, 한 줄 텍스트, 여러 줄 텍스트 등을 쉽게 구현할 수 있습니다.

    새로 추가된 HTML5의 캔버스는 누구나 매일 사용하는 것으로 추정되지만 가끔 사진을 합성하는 데 사용되는 빈도는 높지 않습니다. 지저분해서 자주 사용하는 캔버스 그리기, 텍스트 그리기, 저장 기능이 캡슐화되어 있어서 지금까지는 꽤 만족스럽게 캔버스 그리기를 완료할 수 있습니다.
    2025-02-01
  • HTML5 모바일 페이지가 오른쪽으로 슬라이드되어 스타일이 영향을 받을 수 있습니다.

    HTML5 모바일 페이지가 오른쪽으로 슬라이드되어 스타일이 영향을 받을 수 있습니다.

    문제점 설명 : 작성된 h5 페이지가 휴대폰에서 오른쪽으로 슬라이드되어 스타일 문제가 발생하는 것으로 확인되었습니다 ~ 문제 해결 이유 1 : 모바일 단말기 적응이 없습니다. html 헤더에 다음 내용을 추가합니다.
    2025-02-01
이전 페이지 181920212223242526다음 페이지