Home>Web design tutorial> HTML tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
HTML tutorial
  • HTML5 method of using sessionStorage to transfer page values

    HTML5 method of using sessionStorage to transfer page values

    The local storage function provided by HTML5 allows web applications to store data in the user's local browser. In HTML5, data is not passed by every server request, but data is only used when requested. It makes it possible to store large amounts of
    2025-02-01
  • Example of creating rotating Tai Chi using Canvas

    Example of creating rotating Tai Chi using Canvas

    Preface I haven’t touched canvas for a long time. I suddenly wanted to review it this afternoon, so I wrote a rotating Tai Chi. Haha, it’s quite fun. I will show the process of writing it here. The rotation is implemented using CSS, without using canvas i
    2025-02-01
  • HTML5's Video tags have some problems that cannot be played by MP4 (multi -picture)

    HTML5's Video tags have some problems that cannot be played by MP4 (multi -picture)

    Now the application of web pages is extremely wide. In actual projects, some MP4 files can be played normally in the H5 webpage, but some are not. Why is this? 1. First of all, I downloaded a MP4 file from the Internet. IE10 and Google can be played norma
    2025-02-01
  • Sample code for image compression using canvas

    Sample code for image compression using canvas

    When doing ID card recognition in the project, the base64 format encoding of the image needs to be transmitted, but the photos taken by the mobile phone are too large, and converting them to base64 is simply terrible, so I looked for a solution. The knowl
    2025-02-01
  • HTML5 new control date and time selection input implementation code

    HTML5 new control date and time selection input implementation code

    HTML5 defines several new date-related controls. Browsers that support date controls will provide a convenient drop-down calendar for users to select. Note: Currently, only Chrome and Opera provide drop-down calendar support, other browsers are still a no
    2025-02-01
  • Use of anchor point in html

    Use of anchor point in html

    Now summarize several situations of controlling the anchor points: 1. On the same page<a name=add></a><!-- 定义锚点 --> <a href=#add>Jump to ADD</a> 2. In different pages, the anchor point is positioned in A.HTML, and the jump jump from the link of another pa
    2025-02-01
  • LocalStorage and SessionStorage User Records (Recommended)

    LocalStorage and SessionStorage User Records (Recommended)

    By reading the usage of the web storage Locastorage and SessionStorage, the god gods tried it for a trial, leaving a memorandum here. In the project, if you use storage many times, you need to store a lot of data, and you need to encapsulate it into a fun
    2025-02-01
  • Detailed explanation of the vertical centering solution in HTML5

    Detailed explanation of the vertical centering solution in HTML5

    In CSS, you have to complain. You can use margin: 0 auto; to achieve horizontal centering, but margin: auto 0 cannot achieve vertical centering. The main reason here is that the parent control, that is, the control itself, is not positioned correctly. Loo
    2025-02-01
  • Example of Canvas drawing floating ball effect

    Example of Canvas drawing floating ball effect

    Recently, I have been paying attention to blockchain information, wandering around, and accidentally saw the effect of the homepage of this website. It is a bunch of floating balls. When the ball is close, there will be a sensing line connected to it. The
    2025-02-01
  • Mobile Html5 page generation image solution

    Mobile Html5 page generation image solution

    Nowadays, there are many WeChat public account operation activities, and there is a need to generate pictures. After the pictures are generated, they can be sent to friends and circulated in Moments, which is conducive to product promotion! 1. You can use
    2025-02-01
  • SVG sample code to implement colorful ring countdown effect

    SVG sample code to implement colorful ring countdown effect

    We often see ring countdowns, and there are many ways to implement them. But this article will introduce a new implementation method, using SVG to implement the countdown function. This article mainly uses the stroke-dasharray and stroke-dashoffset featur
    2025-02-01
  • Issues related to the adaptation of HTML5 pages to iPhoneX

    Issues related to the adaptation of HTML5 pages to iPhoneX

    1. Introduction to iPhone Develop the magnification relationship of size, but this is only an external manifestation. The influencing factors of the double graph core
    2025-02-01
  • Realization box effect based on HTML5 Canvas

    Realization box effect based on HTML5 Canvas

    When the user mouse is moved, there is a pop -up frame. This demand is very common. This is simple when dealing with HTML elements, but if it is processed by the graphics composed of HTML5 Canvas, this method is no longer applicable, because Canvas uses a
    2025-02-01
  • In HTML5, li-canvas can be used to easily realize single picture, multiple pictures, rounded corner picture drawing, single line text, multi-line text, etc.

    In HTML5, li-canvas can be used to easily realize single picture, multiple pictures, rounded corner picture drawing, single line text, multi-line text, etc.

    The newly added canvas of Html5 is a powerful function. It is estimated that everyone uses it every day, but the frequency is not high. Occasionally, it is used to synthesize pictures. However, if it is not encapsulated, the code will be very messy, so th
    2025-02-01
  • The HTML5 mobile page can slide to the right, causing the style to be affected.

    The HTML5 mobile page can slide to the right, causing the style to be affected.

    Description of the problem: It is found that the written h5 page can slide to the right on the mobile phone, resulting in style problems ~ Problem troubleshooting reason 1: There is no mobile terminal adaptation. Add the following content in the html head
    2025-02-01
Prev 181920212223242526Next