홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • 캔버스에 그릴 때 발생하는 도메인 간 문제에 대한 자세한 설명

    캔버스에 그릴 때 발생하는 도메인 간 문제에 대한 자세한 설명

    캔버스에 외부 링크 이미지를 그릴 때 도메인 간 문제가 발생합니다. 예는 다음과 같습니다:<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title> 교차 기원
    2025-02-04
  • 6가지 일반적인 HTML5 실수를 피하는 방법

    6가지 일반적인 HTML5 실수를 피하는 방법

    1. 섹션을 div 대신 사용하지 마세요. 사람들이 태그를 사용할 때 저지르는 가장 흔한 실수 중 하나는 HTML5를 무작위로 바꾸는 것입니다.<section> 동등하다<div> - 구체적으로 대체(스타일링용)로 직접 사용됩니다. XHTML이나 HTML4에서는 다음과 같은 코드를 자주 볼 수 있습니다.
    2025-02-04
  • 입력이 완료되었음을 감지하고 다음 내용을 자동으로 채워주는 HTML 구현 방법

    입력이 완료되었음을 감지하고 다음 내용을 자동으로 채워주는 HTML 구현 방법

    이전 글에서는 단순히 입력이 완료되었음을 감지하는 기능을 구현했습니다. 이제 이를 기반으로 한 단계 더 나아가 입력이 완료되었음을 감지하는 기능을 구현할 수 있습니다. 완료되고 다음 내용이 자동으로 채워집니다. 내용을 자동으로 채워야 하고 내용이 변경되는 것을 원하지 않는 경우 읽기 전용 속성을 추가해야 합니다. 기능적 요구 사항에 대한 환급 서류를 작성할 때 다음 사항만 작성하면 됩니다.
    2025-02-04
  • CSS3 기본 그래픽, 라운드, 타원형, 삼각형 등.

    CSS3 기본 그래픽, 라운드, 타원형, 삼각형 등.

    CSS3 라운드#CSS3-Circle {150px;
    2025-02-04
  • HTML 빈 링크의 역할에 대해 이야기하십시오

    HTML 빈 링크의 역할에 대해 이야기하십시오

    에어 링크 : 대상 끝점에 대한 링크가 없습니다. <a href=#>컨텐츠의 형식 표시 컨텐츠</a> 빈 연결 1. 홈페이지로 설정
    2025-02-04
  • HTML5의 자세한 설명 및 인스턴스 코드

    HTML5의 자세한 설명 및 인스턴스 코드

    드래그 앤 드롭 소개는 일반적인 특성, 즉 물체를 잡은 후 다른 위치로 드래그합니다. HTML5에서 드래그 앤 드롭은 표준 부분이며 모든 요소를 ​​드래그 및 떨어 뜨릴 수 있습니다. 먼저 작은 예제를 클릭하십시오.<p> 요소를 수행 할 때 JavaScript를 수행하십시오
    2025-02-04
  • 캔버스를 사용하여 이미지를 압축하는 html5용 샘플 코드

    캔버스를 사용하여 이미지를 압축하는 html5용 샘플 코드

    이틀 전 업로드를 위해 이미지를 base64로 변환하는 기능을 만들었는데, 이미지의 base64가 너무 크면 요청 속도가 매우 느려지고 타임아웃이 심각하게 발생한다는 사실을 발견하여 이미지를 압축해볼까 하는 생각을 하게 되었습니다. 다음은 캔버스를 사용하여 이미지를 압축할 때 발생하는 몇 가지 문제입니다.
    2025-02-04
  • Canvas에서 베지어 곡선 궤적 애니메이션을 구현하기 위한 샘플 코드

    Canvas에서 베지어 곡선 궤적 애니메이션을 구현하기 위한 샘플 코드

    최근에 구현한 아래 그림의 효과를 여러분과 공유하고 싶습니다. 아래 그림에서 곡선의 애니메이션을 그리려면 매번 짧은 선을 그려서 연결하면 아래 그림이 됩니다. 5개의 세그먼트로 분할한 다음 10개의 세그먼트로 분할한 경우 섹션을 그릴 때마다 이차 베지어 곡선/** * 이차 베지어 곡선 애니메이션* @param {Arra
    2025-02-04
  • html5의 캔버스 차트에 막대 차트를 구현하는 예

    html5의 캔버스 차트에 막대 차트를 구현하는 예

    며칠 전에 차트 라이브러리를 사용했는데 그중 Baidu의 ECharts가 가장 좋은 것 같습니다. 기본적으로 캔버스를 사용합니다. 빅 데이터 처리에는 캔버스 차트가 더 좋습니다. 그런 다음 캔버스를 사용하여 차트 라이브러리를 구현하겠습니다. 먼저 간단한 막대 차트를 구현해 보겠습니다. 효과는 다음과 같습니다: 주요 기능 포인트는 다음과 같습니다: 텍스트
    2025-02-04
  • [type = file]을 열 때 느리고 말더듬의 문제를 빠르게 해결하십시오.

    [type = file]을 열 때 느리고 말더듬의 문제를 빠르게 해결하십시오.

    입력 레이블 유형에서 파일을 업로드하는 경우 속성 Accpet = Image/*가 파일을 업로드하는 것이고 로컬 폴더를 여는 속도가 특히 느립니다. 테스트 후 Safari, Firefox, Chrome (Opera Old Flashback이 왜 Mac에 붙어 있지 않은지 모르겠다)
    2025-02-04
  • HTML5의 새로운 레이블은 무엇입니까?

    HTML5의 새로운 레이블은 무엇입니까?

    오늘 9 개의 새로운 레이블을 배웠습니다.<audio> 간단히 말해서, 일반적으로 사용되는 주요 속성은 SRC = 오디오 경로 컨트롤입니다.
    2025-02-04
  • 0에서 사용자 정의 HTML5 플레이어에 대한 샘플 코드 구현

    0에서 사용자 정의 HTML5 플레이어에 대한 샘플 코드 구현

    이 공유는 HTML5 레이블을 기반으로하는 사용자 정의 비디오 플레이어입니다. 그중에서도 일시 정지 재생, 진행률 드래그, 볼륨 제어 및 전체 화면과 같은 기능이 구현됩니다. 효과 미리보기 포인트 소스 코드 창고를 확인합니다. 맞춤형 플레이어를 만드는 데 노출되지 않은 일부 어린이 신발이 여기에 머물게 될 것이라고 생각합니다.
    2025-02-04
  • Html5 페이지에서 JSON 애니메이션을 사용하여 구현

    Html5 페이지에서 JSON 애니메이션을 사용하여 구현

    문제 배경 어느 날 우리 UI 디자이너가 나에게 와서 프로그램에서 작성한 애니메이션을 그들이 나에게 준 json 애니메이션으로 교체해야 한다고 말했습니다. 그 이유는 일부 애니메이션은 매우 복잡하고 직접 작성하면 기대에 미치지 못하기 때문입니다. .Effect (이 글을 쓰다가 문득 이렇게 복잡한 애니메이션에 gif를 사용하면 어떨까 하는 생각이 들었습니다... 맞은편에 앉은 안드로이드 개발자님.
    2025-02-04
  • HTML5를 기반으로 한 JSON 및 ECHARTS 차트는 동일한 인터페이스에 표시됩니다.

    HTML5를 기반으로 한 JSON 및 ECHARTS 차트는 동일한 인터페이스에 표시됩니다.

    갑자기 아이디어가 있습니다. 동일한 인터페이스에 다른 지식 포인트를 넣고 상자에 넣을 수 있다면, 무엇이든보고 싶다면 직접 표시 할 수 있으며이 상자를 열 수 있어야합니다. 본질 나는 HT를 사용하여 수백 줄 이상의 코드로 내 아이디어를 실현 했으므로이 효과가 거의 없다고 생각합니다. 효과를 먼저 살펴 보겠습니다
    2025-02-04
  • 웹 표준을 준수하는 하이퍼링크

    웹 표준을 준수하는 하이퍼링크

    HTML 4.0 Strict 및 XHTML 1.0 STRICT에서는 <a>target 속성을 태그에 사용할 수 없습니다. 이는 웹 디자이너에게는 실망스러운 일이지만, 특정 방법을 통해 이 문제를 해결할 수 있습니다. 질문은 HTM14.0 사양에서 가져옵니다.</a>
    2025-02-04