홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • 자세한 내용은 HTML5 캔버스를 사용하여 동적 입자 그리드 애니메이션을 만듭니다.

    자세한 내용은 HTML5 캔버스를 사용하여 동적 입자 그리드 애니메이션을 만듭니다.

    최근에, 나는 입자 그리드 애니메이션이 매우 눈부신 것을 보았고, 하나를 만들었고, 그것은 배경으로 꽤 좋았습니다. CSDN은 2m 이상의 사진을 업로드 할 수 없으므로 단순히 정적 사진을 잘라냅니다.이 효과를 달성하는 방법을 말하기 시작하겠습니다. 우선, 물론 캔버스가 추가되었습니다.<canvas id=canvas>
    2025-02-06
  • HTML5 휴대 전화 페이지의 스케일링 문제 해결

    HTML5 휴대 전화 페이지의 스케일링 문제 해결

    HTML5 휴대 전화 페이지를 작성할 때 페이지에 표시된 요소의 비율이 다음과 같습니다.<meta name=viewport content=width=device-width,initial-scale=1> 어느 하나
    2025-02-06
  • 당신이 능숙하지 않을 수 있는 10가지 고전적인 프런트엔드 HTML5 인터뷰 질문

    당신이 능숙하지 않을 수 있는 10가지 고전적인 프런트엔드 HTML5 인터뷰 질문

    서문 지난 몇 년간 HTML5가 인기를 끌었고 HTML5 개발 엔지니어들은 인재 시장에서 큰 인기를 얻었습니다. HTML5 개발자로서 인터뷰는 필수입니다. 이 기사에서는 여러분이 익숙하지 않을 수 있는 10가지 고전적인 프런트엔드 HTML5 인터뷰 질문을 요약하고 소개합니다. 다음은 여러분의 인터뷰에 도움이 되기를 바랍니다.
    2025-02-06
  • HTML의 테이블 단위에 대한 세부 사항 (2)

    HTML의 테이블 단위에 대한 세부 사항 (2)

    HTML 입력 속성 값 속성 속성 값 속성 입력 필드의 초기 값을 지정합니다.<form action=><input type=text name=name value=VeVb武林网></form> readonly 속성 readon
    2025-02-06
  • HTML5는 자체 진행률 표시줄과 슬라이더 효과를 구현합니다.

    HTML5는 자체 진행률 표시줄과 슬라이더 효과를 구현합니다.

    1. H5에는 진행률 표시줄이 제공됩니다.<div id=d><p id=pgv> 일정:%</p><progress id=pg max= value=></progress></div> 진행률 태그를 사용하여 최소값과 최대값을 설정하세요. 사용 가능
    2025-02-06
  • 정규 표현식 테스트 양식의 HTML 코드 예제

    정규 표현식 테스트 양식의 HTML 코드 예제

    HTML과 함께 HTML의 인스턴스 코드를 공유하자. 특정 코드 내용은 다음과 같습니다. <span style=font-size:24px;color:#cc6600;>정규 표현식은 JavaScript 스크립트의 규칙을 테스트하는 데 매우 유용한 방법입니다.</span>
    2025-02-06
  • html5+css3 플러그인의 구현 및 업로드 사진 드래그 (지원 미리보기 및 배치)

    html5+css3 플러그인의 구현 및 업로드 사진 드래그 (지원 미리보기 및 배치)

    업로드는 기본적으로 프로젝트에 종종 나타납니다. 1. Flash3, HTML5FORM 페이지를 새로 고치기 위해 제출하기가 어려울 수 있습니다. 모든 브라우징 악기, 나는 항상 JQuery의 업로드를 프로젝트로 사용했습니다.
    2025-02-06
  • .html, .htm, .shtml 및 .shtm의 확장 이름의 네 가지 확장 차이

    .html, .htm, .shtml 및 .shtm의 확장 이름의 네 가지 확장 차이

    많은 친구들이 웹 페이지 프로덕션에 연락하기 시작했으며 실제로 HTM과 HTML이 동일합니다. 동일한 접미사 이름. HTM에서는 두 개의 다른 콘텐츠 일 수 있습니다. .htm vs .html이 먼저 왔습니다
    2025-02-06
  • 한 줄의 코드는 다양한 IE 호환성 문제를 해결합니다 (IE6-IE10)

    한 줄의 코드는 다양한 IE 호환성 문제를 해결합니다 (IE6-IE10)

    X-UA 호환은 IE 브라우저의 ModelX-UA 호환 헤더 레이블을 지정하는 데 사용됩니다. 컴파일 페이지를 분석해야합니다. 1. 코드 줄을 사용하여 브라우저를 지정하여 특정 코드를 사용하십시오.
    2025-02-06
  • IE8 하의 비교할 수없는 RGBA () 문제에 대한 완벽한 솔루션

    IE8 하의 비교할 수없는 RGBA () 문제에 대한 완벽한 솔루션

    RGBA ()는 CSS3의 새로운 속성이므로 IE8 이하의 브라우저는 어떻게해야합니까? 마침내 해결책을 찾았습니다. 다음 rgbargba의 의미를 설명하자 : rgba : r은 빨간색을 나타내고, g는 녹색을 나타내고, b는 파란색을 나타내고, a는 투명성을 나타냅니다. RGBA (0,0,0,.
    2025-02-06
  • 점선 테두리를 구현하는 html2canvas의 예

    점선 테두리를 구현하는 html2canvas의 예

    html2canvas는 html 요소에서 캔버스를 생성하는 라이브러리입니다. 그려진 캔버스의 스타일은 대부분 CSS와 일치합니다. 예를 들어 1.0.0-alpha.12 기준으로는 점선 테두리가 여전히 실선으로 그려져 있고 여전히 border-collapse 문제가 있습니다. 여기 github issu에 따르면
    2025-02-06
  • html2canvas를 사용하여 페이지를 이미지로 변환하고 canvas2image를 사용하여 다운로드합니다.

    html2canvas를 사용하여 페이지를 이미지로 변환하고 canvas2image를 사용하여 다운로드합니다.

    예전에 <a>인터넷에서 다운로드 속성을 이용해서 다운로드하는 방법을 찾았는데 정말 간편하고 편리하지만 이 방법은 IE를 지원하지 않아서 다른 방법을 찾을 수밖에 없었습니다. html2canvas를 사용하여 페이지를 그림으로 변환하고 canvas2image를 사용하여 이 예에 사용된 버전(html2canvas@1)을 다운로드합니다.</a>
    2025-02-05
  • Html5 멀티미디어를 사용하여 WeChat 음성 기능 구현

    Html5 멀티미디어를 사용하여 WeChat 음성 기능 구현

    WeChat과 같은 소셜 앱의 등장으로 음성 채팅을 주요 기능으로 사용하는 소셜 앱부터 음성 고객 서비스 및 매장 웨이터 Voice 기능을 갖춘 전자상거래 앱에 이르기까지 음성 채팅은 많은 앱의 필수 기능이 되었습니다. 채팅은 필수가 되었습니다. 그러나 많은 사람들은 웹 기반 음성이 우리와 거리가 멀다고 생각합니다. 실제로는 그렇지 않습니다.
    2025-02-05
  • HTML 웹 페이지 동적 시계를 작성합니다

    HTML 웹 페이지 동적 시계를 작성합니다

    HTML과 함께 동적 웹 클럭을 작성하면 코드는 다음과 같습니다.<!DOCTYPE html><html><head><meta charset=UTF-8><title> 시계 특수 효과</title>
    2025-02-05
  • HTML 페이지 점프 및 매개변수 전달 문제

    HTML 페이지 점프 및 매개변수 전달 문제

    HTML 페이지 이동: window.open(url, , width=600,height=400); 두 번째 매개변수: _self, 현재 창에서 창을 엽니다. _blank (기본값), 다른 새 창에서 새 창을 엽니다. 위치.href=h
    2025-02-05