홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • HTML은 페이지 로딩 속도 방법을 증가시킵니다

    HTML은 페이지 로딩 속도 방법을 증가시킵니다

    (1) HTTP의 요청을 줄입니다. (통합 리소스 파일 및 그림 엘프; (2) CSS 헤드를 넣고 바디 레이블의 끝에 자바 스크립트를 넣으십시오. (3) HTML에서 그림의 너비와 높이를 정의하십시오.
    2025-02-09
  • 시맨틱 HTML 구조의 이점은 무엇입니까?

    시맨틱 HTML 구조의 이점은 무엇입니까?

    하나 : 1. Segatization 레이블은 HTML 일 뿐이며 CSS는 의미화가 없습니다. HTML은 레이블이며 CSS는 속성입니다. 2. Semantic 레이블 이력서 문서 페이지를 기반으로 웹 페이지를 DOM의 D (문서)로 취급하고 JS는 이미 명확하게 알려줍니다.
    2025-02-09
  • Html5는 새로운 태그와 스타일을 추가하고 요소를 가로 및 세로 중앙에 배치할 수 있습니다.

    Html5는 새로운 태그와 스타일을 추가하고 요소를 가로 및 세로 중앙에 배치할 수 있습니다.

    요소의 수평 및 수직 센터링 1. 테이블 태그 자체 기능을 사용하십시오.<style> .parent{ border: 1px solid red; height: 500px }
    2025-02-09
  • 비디오는 캔버스와 결합되어 온라인 비디오 스크린샷 기능을 실현합니다.

    비디오는 캔버스와 결합되어 온라인 비디오 스크린샷 기능을 실현합니다.

    며칠 전에 본 흥미로운 작은 데모에 대해 설명하겠습니다. 바로 비디오의 온라인 스크린샷입니다. 다음은 새로운 기능을 수정하고 추가한 후의 렌더링입니다. 정말 간단하지 않나요? 이는 주로 세 가지 주요 기능으로 나누어집니다. 첫 번째 기능은 URL 개체를 사용하여 비디오 링크를 얻고 표시하는 것입니다. js의 URL 개체는 다음과 같습니다.
    2025-02-09
  • Socket.io와 Canvas로 구현된 공유 드로잉 보드 기능

    Socket.io와 Canvas로 구현된 공유 드로잉 보드 기능

    처음에는 그냥 간단한 화판을 쓰고 싶었는데 나중에는 흑연 문서에 화이트보드 기능이 있다는 걸 무의식적으로 기억해 현재의 캔버스 기능을 협업 화판의 단순화된 버전으로 발전시키고 싶었습니다. 온라인 데모: 현재 배포 과정에서 로컬로 실행하려면 복제해야 합니다. git 주소 2. git clone 실행<repository> N
    2025-02-09
  • 실제로 HTML5 의미 요소를 올바르게 사용하고 있습니까?

    실제로 HTML5 의미 요소를 올바르게 사용하고 있습니까?

    HTML5 의미론적 요소 의미론은 언어에서 단어와 구의 의미를 연구하는 것입니다. 의미적 요소 = 의미를 갖는 요소. 의미 요소는 브라우저와 개발자에게 의미하는 바를 명확하게 설명합니다. 비의미적 요소의 예:<div> 그리고 <span>- 그 내용을 모른다. 의미적 요소의 예:</span> ,<table>
    2025-02-09
  • 캔버스에 이모티콘을 그리는 샘플 코드

    캔버스에 이모티콘을 그리는 샘플 코드

    이 글에서는 캔버스에 이모티콘을 그리는 샘플 코드를 소개하고, 자세한 내용은 다음과 같습니다. 웃는 얼굴을 그리는 만화 var canvas = document.getElementById(canvas);
    2025-02-08
  • Android 및 HTML 혼합 개발 요약에 대한 자세한 설명

    Android 및 HTML 혼합 개발 요약에 대한 자세한 설명

    이제 많은 APP에는 자주 변경되는 HTML5 페이지가 포함되어 있습니다. 일부 페이지에는 HTML5에서 js와 ​​상호 작용하기 위해 기본 Java가 필요합니다. 다음은 Android에서 HTML5 사용에 대한 소개입니다. 1. HTML5 쿠키 웹 페이지 정보 많은 매개변수 사용자 정보 등이 사용될 수 있습니다.
    2025-02-08
  • H5(브라우저/WebView/기타)를 통해 로컬 앱을 호출하는 방법에 대한 자세한 설명

    H5(브라우저/WebView/기타)를 통해 로컬 앱을 호출하는 방법에 대한 자세한 설명

    이틀 전에 무선 요청을 받았습니다. 초보자로서 며칠 동안 바빴습니다. 사용자가 앱을 설치한 경우 클릭하여 해당 앱을 엽니다. 설치하지 않은 경우 클릭하여 해당 앱을 엽니다. 연결 설정 온라인에서 검색한 결과 기본적으로 달성할 수 있다고 했지만 실제 상황은 낙관적이지 않습니다.
    2025-02-08
  • 모든 앱의 반환 키를 쉽게 모니터링하기 위해 HTML5의 새로운 기능을 사용하는 예

    모든 앱의 반환 키를 쉽게 모니터링하기 위해 HTML5의 새로운 기능을 사용하는 예

    1. 서문 요즘 h5에는 새로운 기능, 새로운 태그, 새로운 사양 등이 많이 있으며 이에 대한 주요 브라우저 공급업체의 지원도 상당히 강력합니다. 프론트엔드 프로그래머로서 아직은 적극적으로 주의를 기울이고 용감하게 실천해야 한다고 생각합니다. 다음으로, 사용하기 쉬운 h5의 특히 유용한 새 기능(현재로서는 특별히 새로운 기능은 아님)을 공유하겠습니다.
    2025-02-08
  • 기존 웹사이트를 xhtml+CSS 구조로 개선하는 방법

    기존 웹사이트를 xhtml+CSS 구조로 개선하는 방법

    대부분의 디자이너는 여전히 전통적인 테이블 레이아웃, 프리젠테이션 및 구조를 혼합하여 웹 사이트를 구축하고 있습니다. XHTML+CSS를 사용하는 방법을 배우려면 프로세스가 필요하며 기존 웹사이트를 웹사이트 표준에 맞게 만드는 것은 한 단계로 완료될 수 없습니다. 가장 좋은 접근 방식은 웹 사이트 표준을 완전히 준수한다는 목표를 달성하기 위해 단계별로 진행하는 것입니다. 당신이 새로운 경우
    2025-02-08
  • HTML5에서 카메라 기능을 호출하기 위한 구현 코드

    HTML5에서 카메라 기능을 호출하기 위한 구현 코드

    서문 며칠 전 온라인 필기 테스트 중에 브라우저가 카메라를 켜는 데 동의해야 한다는 것을 알았습니다. 당시 필기 테스트 때문에 그렇게 많은 것을 기대하지는 않았습니다. 문제. 오늘은 할 일이 없어서 할 일을 보다가 카메라라고 불리는 할 일을 발견하고 생각이 났습니다.
    2025-02-08
  • H5를 사용하여 터치 스크린 로터의 예를 구현하는 방법

    H5를 사용하여 터치 스크린 로터의 예를 구현하는 방법

    프론트 엔드의 시작 부분에서는 일반적인 기능이 다음과 같습니다. 1. 지원 순환 슬라이딩 2. 폭을 임의로 설정할 수 있습니다. 화면이있는 너비. 반환 모니터링 요소의 전환 5. 순수한 JS, 세 번째 파티 라이브러리 원리 1. 하위 요소 .item의 너비는 375p라고 가정합니다.
    2025-02-08
  • 기본 JS+CSS+HTML 방법 타이밍 차트를 구현하는 방법

    기본 JS+CSS+HTML 방법 타이밍 차트를 구현하는 방법

    이전에는 REACT + AntDesign을 사용하여 간단한 타이밍 차트를 구현했지만 나중에 더 복잡한 요구 사항이 있었으며 동시에 2,000 개의 작업을 표시해야했습니다. 기본적으로 다음 요구 사항을 충족시키는 데모
    2025-02-08
  • html5 캔버스를 사용하여 링 애니메이션 그리기

    html5 캔버스를 사용하여 링 애니메이션 그리기

    최근에 작성자의 요구 사항은 다음과 같습니다. 사용자는 링 주위에 텍스트를 추가할 수 있습니다. 링 위에 마우스를 올리면 삼각형이 방사되어 텍스트가 표시됩니다. 먼저 애니메이션 효과를 살펴보겠습니다.​ ​​위 그림과 같이 해당 위치에 마우스를 올려 놓으면
    2025-02-08