current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • How to use the video tag in HTML5
    How to use the video tag in HTML5
    The video tag in HTML5 is used to play video files. In the video tag, we can set the width and height of the window, automatic playback of the video, loop playback, and cover image of the video, etc.
    H5 Tutorial 13124 2019-02-26 13:20:58
  • How to use fillstyle attribute
    How to use fillstyle attribute
    The fillstyle attribute is used to fill in the color of the drawn graphics, as well as to implement color gradients and fill images; the usage syntax of the fillstyle attribute is "context.fillStyle=color|gradient|pattern;".
    H5 Tutorial 5578 2021-04-20 16:50:54
  • Introduction to the click event of Baidu Map in mobile H5 (code example)
    Introduction to the click event of Baidu Map in mobile H5 (code example)
    This article brings you an introduction to the click event (code example) of Baidu Map in mobile H5. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
    H5 Tutorial 3483 2019-02-13 14:49:11
  • Code example of using canvas to implement backgammon game
    Code example of using canvas to implement backgammon game
    The content of this article is about the code example of implementing the backgammon game on canvas. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
    H5 Tutorial 3202 2019-02-13 14:40:10
  • Code example of using canvas to implement pinball
    Code example of using canvas to implement pinball
    What this article brings to you is a code example for implementing pinball on canvas. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
    H5 Tutorial 3375 2019-02-13 14:27:36
  • Introduction to canvas rubber band line drawing method (code example)
    Introduction to canvas rubber band line drawing method (code example)
    ​This article brings you an introduction to the canvas rubber band line drawing method (code example). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
    H5 Tutorial 3504 2019-02-13 14:23:22
  • How to use stroke method
    How to use stroke method
    The stroke() method will actually draw the path defined by the moveTo() and lineTo() methods. The default color is black.
    H5 Tutorial 5781 2019-02-12 17:25:33
  • How to use fillRect method
    How to use fillRect method
    The fillRect method is used to draw a filled rectangle on the canvas. The syntax is "context.fillRect(x,y,width,height);"; among them, the parameters "x" and "y" represent the x and y coordinates of the upper left corner of the rectangle. , "width" and "height" represent the width and height of the rectangle.
    H5 Tutorial 12886 2022-04-06 19:09:39
  • What html5 can do
    What html5 can do
    HTML5 technology is mainly used for the development of Web applications and WebAPPs, as well as the development and maintenance of web pages and websites. Applications developed with HTML5 technology can run on PC, mobile, iOS and Android.
    H5 Tutorial 11283 2019-01-29 17:40:49
  • what is h5
    what is h5
    H5 refers to the fifth generation of HTML, and also refers to all digital products produced with H5 language; the so-called HTML is the English abbreviation of "Hypertext Markup Language"; most of the web pages we see on the Internet are written in HTML; "Hypertext" ” means that the page can contain pictures, links, and even non-text elements such as music and programs.
    H5 Tutorial 360767 2020-06-12 13:42:18
  • How to use Canvas
    How to use Canvas
    How to use Canvas: First use the Document Object Model (DOM) for target positioning; then use the id attribute to identify the matching target location; and finally draw graphics on Canvas.
    H5 Tutorial 10469 2021-04-20 10:12:42
  • What does the Canvas tag mean?
    What does the Canvas tag mean?
    In HTML, the canvas tag is used to define graphics, such as charts and other images, and scripts must be used to draw graphics, such as drawing a red rectangle, gradient rectangle, colored rectangle, and some colored text on the canvas.
    H5 Tutorial 9010 2019-01-26 10:55:29
  • What does WebSocket mean in HTML5
    What does WebSocket mean in HTML5
    WebSocket is a protocol for full-duplex communication on a single TCP connection that HTML5 began to provide. WebSocket makes data exchange between the client and the server simpler, allowing the server to actively push data to the client.
    H5 Tutorial 4959 2019-01-26 10:08:46
  • Introduction to Electron page search module (code example)
    Introduction to Electron page search module (code example)
    This article brings you an introduction to the Electron page search module (code example). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
    H5 Tutorial 2895 2019-01-16 10:46:15
  • Absolute positioning implementation of fixed positioning of the head of the mobile page (code example)
    Absolute positioning implementation of fixed positioning of the head of the mobile page (code example)
    What this article brings to you is about the implementation of absolute positioning for fixed positioning of the head of mobile pages. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.​
    H5 Tutorial 6899 2019-01-16 10:36:15

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28