HTML tutorial_HTML web design basics and practical skills-Downcodes

English

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

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 video playback (video), JavaScript control video example code

The specific code is as follows:<html lang=en><head><meta charset=UTF-8><title> Documenttitle><style>figcaption {text-align: center;line-height:

2025-01-18
How to implement modular loading of traditional HTML pages

For websites, there are a large number of shared modules between many pages, such as headers, footers, user columns, etc. For frameworks with back-end view engines, these sharings are relatively easy to extract. For example, asp.net mvc has unified layout

2025-01-18
A brief discussion on trying out the dialog element in HTML5

Dialog boxes (also known as modal boxes and floating layers) are an important part of user interaction in web projects. The most common ones we use are alert() and confirm() in js. However, this dialog box is not beautiful and cannot be customized. style,

2025-01-18
Sample code for implementing gashapon machine animation effects using canvas

In the blink of an eye, I have been an intern for two months. The company has a membership day event every month. This month’s task is to do a gashapon machine lottery event. There are interfaces for data and so on, so what is left on the front end? The b

2025-01-18
Summary of html5/css3 responsive page development

1. The difference between adaptive and responsive. Adaptive is a set of templates that adapt to all terminals, but the layout seen on each device is the same, commonly known as width adaptive. A set of responsive templates adapts to all terminals, but the

2025-01-18
Teach you how to write a greedy snake step by step using Canvas

I watched a few episodes of Canvas videos on MOOC before, and I always wanted to practice writing something. I feel that Snake is relatively simple. When I was in college, I also wrote a character version of C language. Unexpectedly, I still encountered m

2025-01-18
Detailed explanation of rem adaptation layout

There are many types of mobile phones today, not to mention the iPhone series, there are countless types of Android phones, so it is impossible to write a set of layout styles for every mobile phone. This is also impossible, but for front-ends that are in

2025-01-18
html5 postMessage front-end cross-domain and front-end listening method example

Sometimes you encounter silly requirements, such as front-end single sign-in! When you encounter a need, you have to think of a solution. Here I will give you a simple front-end single sign-in solution, which uses postMessage cross-domain information tran

2025-01-18
Example of using HTML5 IndexDB to store images and files

The other day we wrote about how to save images and files in localStorage, it was about the pragmatism available to us today. However, localStorage has some performance implications - we will discuss this in a later blog - and the desired approach in the

2025-01-18
Implementation of form submission in html

Form submission code 1. Source code analysis<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>

2025-01-18
Canvas puzzle function implementation code example

I recently encountered the photo collage function when working on a project, so I will share my encapsulated canvas collage function here. The code may not be well written. If you have any questions or have a better method, you can chat with me privately,

2025-01-18
Implementation code for taking HTML screenshots and saving them as local images

The specific code is as follows:<!DOCTYPE html><html><head><meta charset=UTF-8><title> html2canvas_download</title>

2025-01-18
Implementation code of canvas pixel drawing board

In a recent project, I want to implement a pixel-style drawing board, where small pixel grids can be erased, frame selections change color, and various graphics can be erased. Such a small project may seem simple, but it contains a lot of things. To draw

2025-01-18
Sample code for scaling webapp font size to follow system font size

Recently I worked on a webapp project, which is a hybrid development, with external native and internal webview nested H5 pages. The front-end is developed using vue, and the adaptation is made by flexible+rem. Everything was fine originally, but the lead

2025-01-18
Detailed explanation of the solution to the stuck scrolling of webapp pages

When the mobile browser scrolls the current page (and may also be zooming the page), the default behavior is blocked, causing the page to be forced to remain still, resulting in a poor user experience and a sense of pause when scrolling the page. A more s

2025-01-18

Prev 28 29 30 313233 34 35 36Next