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 implements multiple image preview uploads and click-and-drag controls

When uploading pictures, I found a very useful control. It supports uploading multiple pictures at the same time. You can click to select a picture, or you can drag the picture to the upload box and upload it directly. It is convenient, easy to use, and t

2025-01-30
Detailed explanation of inline elements and block-level elements in commonly used HTML tags

Block element (block element) HTML tag classification details * address - address * blockquote - block quote * center - alignment block * dir - directory list * div - commonly used block level is also the main mark of CSS layout

2025-01-30
Use Html5 and CSS to achieve text shadow effect

Two days ago, a pretty girl who was learning HTML5 front-end asked me about how to achieve the effect of text shadow. She told me about text-shadow. She also knew about text-shadow, but she couldn't make it look the way she wanted. In fact, the new fe

2025-01-30
Example of calling sharing interface on WeChat html5 page

Recently, the company made an H5 page for students to vote. It is mainly used on WeChat and needs to add the WeChat sharing function. This article mainly records the matters that need to be paid attention to when calling the WeChat sharing interface. 1. T

2025-01-30
MUI several pages jumping methods comparison summary summary summary summary

[How many ways to open the page] 1. Create a subcker page during initialization 2. Open the new page directly 3. Pre -load page [Example] 1. Create a subpage MUI.Init ({subpages: [{url: your - subpage -url, // sub -page html address, support the local add

2025-01-29
HTML5 uses Canvas to implement the picture download function for example code

Recently, the function of downloading the picture (as shown below) In the beginning, the download of the DOWNLOAD attribute of the A tag was originally considers to download the download: <a href=图片src download=下载海报>download the poster</a> but through the

2025-01-29
HTML5 implements the function of sharing to WeChat friends, QQ friends, QQ space Weibo QR code

This is the sharing button: <button onclick=call()>universal sharing with</button> <button onclick=call(wechatFriend)>WeChat friends</button>

2025-01-29
How to prevent iframe from jumping to the page using HTML and use iframe to embed the WeChat web version in the page

I just wanted to make a small thing that combines winform with html5. I suddenly became interested and wanted to embed a WeChat web version in it. Okay, as soon as the idea comes up, take action. The final effect is as follows: From the beginning, I plann

2025-01-29
HTML page automatically clean up the cache of JS and CSS files (automatic adding version number)

During the development of the web project, we often quote CSS and JS files. After updating files, cache problems often occur (clearly changed the code, but it has not changed when accessing on the browser). In this case, we usually use the following two t

2025-01-29
Sample code for dynamically drawing pie charts using html5 canvas

This article introduces the sample code for dynamically drawing a pie chart using HTML5 canvas, and shares it with everyone. The details are as follows: Let’s first look at the rendering. This does not refer to third-party libraries such as jquery, but is

2025-01-29
Detailed explanation of the basic usage of HTML5 canvas drawing

<canvas></canvas>is a new tag in HTML5, used to draw graphics. In fact, this tag is the same as other tags. Its special feature is that this tag can obtain a CanvasRenderingContext2D object, which we can control through JavaScript scripts.

2025-01-29
Implement a distance tracker using HTML5 Geolocation

HTML5 Geolocation is used to locate the user's location. So how to implement a distance tracker? My idea is this. The premise is that the browser supports h5 geolocation. On this basis, the user's location is obtained, the user's location is u

2025-01-29
Detailed explanation of canvas-based video mask plug-in

Add an overlay to a video to block a certain area of the video. During a certain time period of the video, such as the 10th to 20th minutes, the delimited area will not be displayed. Application scenarios include blocking satellite TV icons, blocking ad

2025-01-29
Puzzle game implemented with HTML5 drag and drop function

The specific code is as follows: <!DOCTYPE html><html><head><meta charset=utf-8><title> drag drag

2025-01-28
Example of how to easily implement full-screen video background using HTML5

Want to play a video full screen on your homepage? This video is used as the background of the web page and does not affect the normal browsing of the web content. Then let me tell you that there is a Javascript library that suits your needs, it is Bideo.

2025-01-28

Prev 21 22 23 242526 27 28 29Next