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
  • Detailed explanation of the attributes and methods of the video tag in Html5

    Detailed explanation of the attributes and methods of the video tag in Html5

    Preface I am writing a custom player recently. Before writing, we must go through all the properties and methods of the player. Only by knowing our enemies and ourselves can we be able to fight through a hundred battles... Later, we will write the player
    2025-01-25
  • Example of image rotation using html5 Canvas

    Example of image rotation using html5 Canvas

    As we all know, canvas is a bitmap, and you can render what you want in it, but you can only edit it by manipulating the properties of the canvas. That is to say, you cannot manipulate things drawn into the canvas. For example, if I add a painting to the
    2025-01-25
  • Implementation of basic collision detection for Html5 Canvas animation

    Implementation of basic collision detection for Html5 Canvas animation

    To perform collision detection in Canvas, people often directly use the built-in collision detection function of the game engine (Cocos2d-JS, Egret) or physics engine (Box2D). Are you curious, have you ever thought about their internal operating mechanism
    2025-01-25
  • Implementation of HTML5 offline application and client storage

    Implementation of HTML5 offline application and client storage

    Supporting offline Web application development is another focus of HTML5. The so-called offline web applications are applications that can still run even when the device cannot access the Internet. Developing offline web applications requires several step
    2025-01-25
  • Html5 localStorage Getting Started Tutorial

    Html5 localStorage Getting Started Tutorial

    Defining read-only localStorage allows you to access the remote (origin) object storage of a Document; data is stored as a cross-browser session. localStorage is similar to sessionStorage, the difference is that the data is stored in localSt
    2025-01-25
  • Detailed explanation of rapid development of network topology diagram applications based on HTML5

    Detailed explanation of rapid development of network topology diagram applications based on HTML5

    Starting today, we will analyze how to build an HTML5 Canvas topology graph application from the most basic level. HT internally encapsulates a topology graph component ht.graph.GraphView (hereinafter referred to as GraphView), which is the component with
    2025-01-25
  • A brief analysis of the use of download attributes in HTML5

    A brief analysis of the use of download attributes in HTML5

    With the development of front-end technology, more and more business scenarios require front-end to handle file downloads. Among the many methods, <a>downloading through the download attribute of the tag is a common and relatively simple method. The downl
    2025-01-25
  • Summary of commonly used escape characters in html

    Summary of commonly used escape characters in html

    A summary of commonly used escape characters in HTML, the specific content is as follows: Non-stop spaces Half-square spaces Full-square spaces < Less than <> Greater than > & & symbol" Double quotation mark © Copyright symbol ©®
    2025-01-24
  • Use HTML5 native dialog elements and easily create modal components

    Use HTML5 native dialog elements and easily create modal components

    The HTML 5.2 draft adds a new dialog element. But it's an experimental technique. Previously, if we wanted to build any kind of modal dialog or dialog box, we needed to have a background, a close button, bind events in the dialog box, arrange our mark
    2025-01-24
  • Interactive subway line map based on HTML5 Canvas

    Interactive subway line map based on HTML5 Canvas

    Preface When I was looking for inspiration on echarts two days ago, I saw a lot of similar examples of maps, map positioning, etc., but there seemed to be no subway map, so I spent some time tinkering with this interactive subway map. Demo, the points on
    2025-01-24
  • How to build a simple query server using express

    How to build a simple query server using express

    This article introduces the method of using express to build a simple query server and shares it with everyone. The details are as follows: The technology stacks used include express and mysql. Project structure: service--node_modules--app.js--query.jsapp
    2025-01-24
  • Sample code for using html2canvas.js to capture page screenshots and display or upload them

    Sample code for using html2canvas.js to capture page screenshots and display or upload them

    I recently used html2canvas.js when writing projects, which can realize the screenshot function of the page, but I encountered many pitfalls, so I will write an essay to record them. When using html2canvas, you may encounter problems such as only the visu
    2025-01-24
  • A brief discussion on new and abandoned tags in HTML5

    A brief discussion on new and abandoned tags in HTML5

    1. HTML 4.01 elements below obsolete tags have been deleted in HTML5. Although browsers still support these tags for compatibility reasons, it is recommended to use new alternative tags. The paradox is that old browsers do not support the new tags. It’s n
    2025-01-24
  • Detailed explanation of classic examples of HTML5 drag and drop API

    Detailed explanation of classic examples of HTML5 drag and drop API

    1. About the drag and drop API. The drag and drop API is a new feature of HTML5. Compared with other new features, it accounts for 60% of the importance and 30% of the usage in actual development. I think the learning requirements are enough to master. de
    2025-01-24
  • Share the checkbox special effects code of an H5 native form

    Share the checkbox special effects code of an H5 native form

    This article introduces the checkbox special effects code for sharing an H5 native form, and shares it with everyone. The details are as follows: The effect is as follows:<!DOCTYPE html><html><head><meta charset=UTF-8><title></title> <s
    2025-01-24