홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • HTML5는 여러 이미지 미리보기 업로드 및 클릭 앤 드래그 컨트롤을 구현합니다.

    HTML5는 여러 이미지 미리보기 업로드 및 클릭 앤 드래그 컨트롤을 구현합니다.

    사진을 업로드할 때 매우 유용한 컨트롤을 찾았습니다. 동시에 여러 장의 사진을 업로드할 수 있습니다. 사진을 클릭하여 선택하거나 사진을 업로드 상자로 끌어서 직접 업로드할 수 있어 편리합니다. 사용하며, 인터페이스는 기본적으로 프로젝트에 직접 넣어 사용할 수 있습니다. 먼저 스타일을 살펴보겠습니다. 사진을 선택한 후: $(function(){ // 초기화
    2025-01-30
  • 일반적으로 사용되는 HTML 태그의 인라인 요소와 블록 수준 요소에 대한 자세한 설명

    일반적으로 사용되는 HTML 태그의 인라인 요소와 블록 수준 요소에 대한 자세한 설명

    블록 요소(block 요소) HTML 태그 분류 내용 * 주소 - 주소 * blockquote - 블록 인용 * center - 정렬 블록 * dir - 디렉토리 목록 * div - 일반적으로 사용되는 블록 수준도 CSS 레이아웃의 주요 표시입니다.
    2025-01-30
  • Html5 및 CSS를 사용하여 텍스트 그림자 효과 얻기

    Html5 및 CSS를 사용하여 텍스트 그림자 효과 얻기

    이틀 전, HTML5 프론트엔드를 배우고 있는 한 예쁜 소녀가 나에게 텍스트 그림자 효과를 얻는 방법에 대해 물었습니다. 그녀는 텍스트 그림자에 대해서도 알고 있었지만 실제로는 CSS3의 새로운 기능이 매우 강력하다고 생각했습니다. 알았어, 더 이상 고민하지 말고 먼저 가자.
    2025-01-30
  • WeChat html5 페이지에서 공유 인터페이스 호출 예

    WeChat html5 페이지에서 공유 인터페이스 호출 예

    최근 회사에서는 학생들이 투표할 수 있는 H5 페이지를 만들었습니다. 이는 주로 WeChat에서 사용되며 WeChat 공유 기능을 추가해야 합니다. 이 기사에서는 주로 WeChat 공유 인터페이스를 호출할 때 주의해야 할 사항을 기록합니다. 프런트엔드에 사용되는 angle1 프레임워크를 먼저 추가해야 합니다. 인덱스 페이지에는 WeChat 인터페이스 파일이 소개되어 있습니다.
    2025-01-30
  • MUI 여러 페이지 점프 방법 비교 요약 요약 요약

    MUI 여러 페이지 점프 방법 비교 요약 요약 요약

    [페이지를 열 수있는 방법 수] 1. 초기화 중에 서브 키커 페이지를 만듭니다. 2. 새 페이지를 직접 엽니 다. -서브 페이지 -url, // 하위 페이지 html 주소, 로컬 주소 지원
    2025-01-29
  • html5는 캔버스를 사용하여 그림 다운로드 기능을 구현합니다.

    html5는 캔버스를 사용하여 그림 다운로드 기능을 구현합니다.

    최근에 사진 다운로드 (아래 그림과 같이)의 기능은 처음에 A 태그의 다운로드 속성 다운로드는 원래 다운로드로 다운로드하는 것으로 간주되었습니다. <a href=图片src download=下载海报>포스터를 다운로드</a> 하지만 테스트를 통해 다운로드 된 파일이 발견되었습니다. 확장 이름으로 가져올 수 없으므로 확장 이름을 가져와야해야하므로 확장 이름을 가져와야해야하므로 확장 이름을 가져야하므로 확장 이름을 가져야합니다. 이름을 얻으려면
    2025-01-29
  • HTML5는 WeChat 친구, QQ 친구, QQ 공간 Weibo QR 코드와 공유하는 기능을 구현합니다.

    HTML5는 WeChat 친구, QQ 친구, QQ 공간 Weibo QR 코드와 공유하는 기능을 구현합니다.

    공유 버튼은 다음과 같습니다: <button onclick=call(wechatFriend)>WeChat 친구들</button> <button onclick=call()>과의 보편적인 공유</button>
    2025-01-29
  • iframe이 HTML을 사용하여 페이지로 이동하는 것을 방지하고 iframe을 사용하여 페이지에 WeChat 웹 버전을 삽입하는 방법

    iframe이 HTML을 사용하여 페이지로 이동하는 것을 방지하고 iframe을 사용하여 페이지에 WeChat 웹 버전을 삽입하는 방법

    그냥 winform과 html5를 결합한 작은 것을 만들고 싶었어요. 갑자기 관심이 생겨서 거기에 WeChat 웹 버전을 포함시키고 싶었어요. 좋아, 아이디어가 떠오르자마자 조치를 취하세요. 최종 효과는 다음과 같습니다. 처음부터 https://wx.qq.com을 가리키는 페이지에 iframe을 삽입하려고 계획했는데 괜찮습니다. 하지만 나는 여전히 너무 순진했다.
    2025-01-29
  • HTML 페이지는 JS 및 CSS 파일의 캐시를 자동으로 정리합니다 (자동 추가 버전 번호)

    HTML 페이지는 JS 및 CSS 파일의 캐시를 자동으로 정리합니다 (자동 추가 버전 번호)

    웹 프로젝트를 개발하는 동안 CSS 및 JS 파일을 업데이트 한 후에는 종종 캐시 문제가 발생하지만 브라우저에서 액세스 할 때는 변경되지 않았습니다 두 가지 두 가지 솔루션에 이어 : 1. 브라우저 캐시를 수동으로 지우십시오. 2. 버전 번호 (예 : layout.css? v
    2025-01-29
  • HTML5 캔버스를 사용하여 원형 차트를 동적으로 그리는 샘플 코드

    HTML5 캔버스를 사용하여 원형 차트를 동적으로 그리는 샘플 코드

    이 기사에서는 HTML5 캔버스를 사용하여 동적으로 원형 차트를 그리는 샘플 코드를 소개하고 있으며, 자세한 내용은 다음과 같습니다. 먼저 렌더링을 살펴보겠습니다. 이는 jquery와 같은 타사 라이브러리를 참조하지 않습니다. DOM 작업과 캔버스의 특성을 사용하여 작성되었습니다. 캔버스에 그린 원은 크게 속이 빈 원과 속이 빈 원으로 구분됩니다. 수요 분석에 따르면 우리는 순환이 실제로 존재한다는 것을 알고 있습니다.
    2025-01-29
  • HTML5 캔버스 그리기의 기본 사용법에 대한 자세한 설명

    HTML5 캔버스 그리기의 기본 사용법에 대한 자세한 설명

    <canvas></canvas>사실 이 태그는 다른 태그와 동일합니다. 특별한 특징은 이 태그가 JavaScript 스크립트를 통해 제어할 수 있는 CanvasRenderingContext2D 개체를 얻을 수 있다는 것입니다.
    2025-01-29
  • HTML5 Geolocation을 사용하여 거리 추적기 구현

    HTML5 Geolocation을 사용하여 거리 추적기 구현

    HTML5 Geolocation은 사용자의 위치를 ​​찾는 데 사용됩니다. 그렇다면 거리 추적기를 구현하는 방법은 무엇입니까? 내 생각은 브라우저가 h5 위치 정보를 지원한다는 것입니다. 이를 기반으로 사용자의 위치가 업데이트되고 거리가 계산되어 페이지에 표시됩니다. 간단하게 구현되었습니다.
    2025-01-29
  • 캔버스 기반 비디오 마스크 플러그인에 대한 자세한 설명

    캔버스 기반 비디오 마스크 플러그인에 대한 자세한 설명

    영상에 오버레이를 추가해 영상의 특정 영역을 차단합니다. 10분~20분 등 영상의 특정 시간 동안은 구분된 영역이 표시되지 않습니다. 적용 시나리오에는 위성 TV 아이콘 차단, 비디오 오른쪽 하단의 광고 차단, 모자이크 역할 등이 포함됩니다. 긴 비디오에는 각각 특정 표시 시간이 있는 여러 개의 마스크가 포함될 수 있습니다(여기
    2025-01-29
  • HTML5 드래그 앤 드롭 기능으로 구현된 퍼즐 게임

    HTML5 드래그 앤 드롭 기능으로 구현된 퍼즐 게임

    구체적인 코드는 다음과 같습니다. <!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title> 드래그 드래그
    2025-01-28
  • HTML5를 사용하여 전체 화면 비디오 배경을 쉽게 구현하는 방법의 예

    HTML5를 사용하여 전체 화면 비디오 배경을 쉽게 구현하는 방법의 예

    홈페이지에서 비디오를 전체 화면으로 재생하고 싶으십니까? 이 영상은 웹페이지의 배경화면으로 사용되며, 웹 콘텐츠의 정상적인 탐색에는 영향을 미치지 않습니다. 그렇다면 여러분의 필요에 맞는 Javascript 라이브러리가 있다는 것을 알려드리겠습니다. 바로 Bideo.js입니다. 자동 조정 기능: Bideo.js는 현재 브라우저 창의 크기에 따라 비디오 크기를 자동으로 조정할 수 있습니다.
    2025-01-28
이전 페이지 212223242526272829다음 페이지