홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • Html5 페이지의 반환 구현 방법

    Html5 페이지의 반환 구현 방법

    이 제목을 보면 도대체 이게 무슨 일인가 하는 생각이 드실 겁니다. 실제로 제가 말하고 싶은 것은 아래 기록을 보세요. 이러한 종류의 상호 작용은 H5 페이지 어디에서나 나타납니다. 도시를 클릭하고 -> 도시 선택 플로팅 레이어를 팝업하고 -> 돌아가기 버튼을 눌러 플로팅을 닫습니다. 층. Fliggy의 H5는 앞으로 가고 돌아올 때 팝업 레이어를 표시합니다.
    2025-01-25
  • Html5의 video 태그 속성과 메소드에 대한 자세한 설명

    Html5의 video 태그 속성과 메소드에 대한 자세한 설명

    서문 최근에 ​​커스텀 플레이어를 작성하고 있습니다. 글을 쓰기 전에 플레이어의 모든 속성과 방법을 살펴보아야 합니다. 적과 우리 자신을 알아야만 백 번의 전투를 통해 싸울 수 있습니다... 나중에 글을 쓰겠습니다. 우리가 작성한 플레이어와 우리가 사용한 일부 플레이어도 비디오 태그 인라인 속성 src를 업로드했습니다. 비디오 포스터의 URL: 비디오 표지, 재생 중에 이미지가 표시되지 않습니다.
    2025-01-25
  • html5 Canvas를 사용한 이미지 회전의 예

    html5 Canvas를 사용한 이미지 회전의 예

    우리 모두 알고 있듯이 캔버스는 비트맵이므로 원하는 것을 렌더링할 수 있지만 캔버스의 속성을 조작해야만 편집할 수 있습니다. 즉, 캔버스에 그려진 것을 조작할 수 없습니다. 예를 들어 캔버스에 그림을 추가하면 이제 그림을 10px 이동하려고 하기 때문에 그림을 직접 조작할 수 없습니다.
    2025-01-25
  • Html5 Canvas 애니메이션에 대한 기본 충돌 감지 구현

    Html5 Canvas 애니메이션에 대한 기본 충돌 감지 구현

    Canvas에서 충돌 감지를 수행하기 위해 사람들은 게임 엔진(Cocos2d-JS, Egret) 또는 물리 엔진(Box2D)에 내장된 충돌 감지 기능을 직접 사용하는 경우가 많습니다. 내부 작동 메커니즘에 대해 생각해 본 적이 있습니까? 기본적인 충돌 감지 기술은 다음과 같습니다. 1. 직사각형 기반 충돌 감지 소위 충돌
    2025-01-25
  • HTML5 오프라인 애플리케이션 및 클라이언트 스토리지 구현

    HTML5 오프라인 애플리케이션 및 클라이언트 스토리지 구현

    오프라인 웹 애플리케이션 개발 지원은 HTML5의 또 다른 초점입니다. 소위 오프라인 웹 애플리케이션은 장치가 인터넷에 접속할 수 없는 경우에도 계속 실행할 수 있는 애플리케이션입니다. 오프라인 웹 애플리케이션을 개발하려면 여러 단계가 필요합니다. 첫 번째는 기기가 인터넷에 액세스할 수 있는지 여부를 앱이 인식하여 다음에 올바른 조치를 취할 수 있도록 하는 것입니다. 그런 다음 애플리케이션도 액세스할 수 있어야 합니다.
    2025-01-25
  • Html5 localStorage 시작하기 튜토리얼

    Html5 localStorage 시작하기 튜토리얼

    읽기 전용 localStorage를 정의하면 문서 데이터의 원격(원본) 개체 저장소에 액세스할 수 있으며 이는 브라우저 간 세션으로 저장됩니다. localStorage는 sessionStorage와 유사하지만 데이터가 localSt에 저장된다는 차이점이 있습니다.
    2025-01-25
  • HTML5 기반 네트워크 토폴로지 다이어그램 애플리케이션의 급속한 개발에 대한 자세한 설명

    HTML5 기반 네트워크 토폴로지 다이어그램 애플리케이션의 급속한 개발에 대한 자세한 설명

    오늘부터 가장 기본적인 수준부터 HTML5 Canvas 토폴로지 그래프 애플리케이션을 구축하는 방법을 분석하겠습니다. HT는 가장 풍부한 2D 기능을 갖춘 구성 요소인 토폴로지 그래프 구성 요소인 ht.graph.GraphView(이하 GraphView)를 내부적으로 캡슐화합니다. HT 프레임워크의 관련 클래스 라이브러리는 모두 ht에 있습니다.
    2025-01-25
  • HTML5의 다운로드 속성 사용에 대한 간략한 분석

    HTML5의 다운로드 속성 사용에 대한 간략한 분석

    프런트 엔드 기술이 발전함에 따라 점점 더 많은 비즈니스 시나리오에서 파일 다운로드를 처리하기 위해 프런트 엔드가 필요합니다. 많은 방법 중에서 <a>태그의 다운로드 속성을 통한 다운로드가 일반적이고 비교적 간단한 방법입니다. 다운로드 속성은</a> <a>href를 통해 링크 점프를 구현하기 위해 일반 태그를 도입합니다.</a>
    2025-01-25
  • HTML에서 일반적으로 사용되는 이스케이프 문자 요약

    HTML에서 일반적으로 사용되는 이스케이프 문자 요약

    HTML에서 일반적으로 사용되는 이스케이프 문자를 요약하면 구체적인 내용은 다음과 같습니다. 논스톱 공백 반 정사각형 공백 전체 정사각형 공백 < 미만 <> 초과 > & & 기호" 큰따옴표 © 저작권 기호 ©® Noted
    2025-01-24
  • HTML5 기본 대화 상자 요소를 사용하고 모달 구성 요소를 쉽게 생성

    HTML5 기본 대화 상자 요소를 사용하고 모달 구성 요소를 쉽게 생성

    HTML 5.2 초안에는 새로운 대화 상자 요소가 추가되었습니다. 그러나 그것은 실험적인 기술이다. 이전에는 어떤 종류의 모달 대화 상자나 대화 상자를 만들려면 배경, 닫기 버튼, 대화 상자의 이벤트 바인딩, 마크업 정렬, 메시지를 외부로 전달할 방법을 찾아야 했습니다. 이야기하다...
    2025-01-24
  • HTML5 Canvas를 기반으로 한 대화형 지하철 노선도

    HTML5 Canvas를 기반으로 한 대화형 지하철 노선도

    서문 이틀 전 echarts에서 영감을 얻으려고 검색할 때 비슷한 지도나 지도 위치 지정 등의 예시를 많이 봤는데 지하철 노선도가 없는 것 같아서 이 인터랙티브 지하철 지도를 만지작거리며 시간을 보냈습니다. 데모, 지하철 노선의 포인트는 인터넷에서 무작위로 다운로드되었습니다. 이 기사는 제가 직접 작성한 것 중 하나를 기록합니다.
    2025-01-24
  • Express를 사용하여 간단한 쿼리 서버를 구축하는 방법

    Express를 사용하여 간단한 쿼리 서버를 구축하는 방법

    이 기사에서는 Express를 사용하여 간단한 쿼리 서버를 구축하는 방법을 소개하고 이를 모든 사람과 공유합니다. 세부 사항은 다음과 같습니다. 사용되는 기술 스택에는 express 및 mysql이 포함됩니다. 프로젝트 구조: service--node_modules--app.js--query .jsapp.js 지원 호출 서비스,
    2025-01-24
  • html2canvas.js를 사용하여 페이지 스크린샷을 캡처하고 이를 표시하거나 업로드하기 위한 샘플 코드

    html2canvas.js를 사용하여 페이지 스크린샷을 캡처하고 이를 표시하거나 업로드하기 위한 샘플 코드

    최근 프로젝트를 작성할 때 페이지의 스크린샷 기능을 구현할 수 있는 html2canvas.js를 사용했는데, 함정이 많아서 이를 기록하기 위한 에세이를 작성하겠습니다. html2canvas를 사용하면 시각적인 인터페이스만 캡쳐가 되고, 스크린샷에 배경색이 없고, svg 태그가 캡쳐되지 않는 등의 문제가 발생할 수 있습니다. 자세한 설명은 다음과 같습니다. 하나
    2025-01-24
  • HTML5의 새로운 태그와 버려진 태그에 대한 간략한 토론

    HTML5의 새로운 태그와 버려진 태그에 대한 간략한 토론

    1. 사용되지 않는 태그 아래의 HTML 4.01 요소는 HTML5에서 삭제되었습니다. 브라우저는 호환성상의 이유로 이러한 태그를 계속 지원하지만, 역설적인 것은 이전 브라우저의 새 태그 지원만으로는 충분하지 않습니다. 프로젝트의 청중에 따라 다릅니다. 1. CSS로 대체할 수 있는 요소에는 다음이 포함됩니다.
    2025-01-24
  • HTML5 드래그 앤 드롭 API의 전형적인 예에 ​​대한 자세한 설명

    HTML5 드래그 앤 드롭 API의 전형적인 예에 ​​대한 자세한 설명

    1. 드래그 앤 드롭 API에 대하여 드래그 앤 드롭 API는 HTML5의 새로운 기능으로, 실제 개발에서 중요성은 60%, 사용량의 30%를 차지한다고 생각합니다. 학위를 취득하기에 충분합니다. 2. 드래그 앤 릴리스란 무엇입니까? 끌기: 끌기 놓기: 놓기 끌기는 소스 개체를 클릭한 후에도 마우스가 계속 움직이는 것을 의미합니다.
    2025-01-24