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 mobile development picture compression upload function

    HTML5 mobile development picture compression upload function

    The H5 activity is very common, one form is to allow users to upload pictures to participate. The mobile terminal uploads pictures. Users generally upload pictures in the mobile phone album. Now the quality of the mobile phone is getting higher and higher
    2025-02-16
  • HTML5 organization content

    HTML5 organization content

    By default, the format of the HTML document is not related to the format displayed in the browser window. For example, the browser will convert a few blank characters connected together into a space and ignore the exchange symbol. HTML provides the way of
    2025-02-16
  • Detailed explanation of html5 postMessage to solve the problem of cross-domain communication

    Detailed explanation of html5 postMessage to solve the problem of cross-domain communication

    This article introduces the detailed explanation of html5 postMessage to solve the problem of cross-domain communication, and shares it with everyone. The details are as follows: Rendering postmessage analysis HTML5 provides a new mechanism PostMessage to
    2025-02-16
  • Talk about HTML5 SSE server sending event eventSource Introduction

    Talk about HTML5 SSE server sending event eventSource Introduction

    Foreword I have talked about the data of the data earlier, and the data inside is updated from time to time. Sometimes the stock data updated from time to time, Facebook/Twitter update, valuation update, new blog posts, event results, etc., all need data
    2025-02-16
  • HTML5 Canvas Basic Drawing Curve

    HTML5 Canvas Basic Drawing Curve

    <canvas></canvas>It is a new label in HTML5, which is used to draw graphics. In fact, this label is the same as other labels. The special feature is that the label can get a CanvasrenderingContext2D object. We can control the pair through the JavaScript s
    2025-02-16
  • Detailed explanation of using rem+scss for adaptation on the mobile phone

    Detailed explanation of using rem+scss for adaptation on the mobile phone

    Rem introduction rem (font size of the root element) refers to the unit of font size relative to the root element (i.e. html element). Assume that the font size of the root element is 10px, then the size of 5rem is 5*10=50px, for example, html{ font-si
    2025-02-16
  • HTML5 Right -click menu creation method in html5

    HTML5 Right -click menu creation method in html5

    Even if JavaScript is banned, these right -click menus can still be displayed normally. Therefore, if you want to respect the user's choice, the best way is to use JavaScript to create these menu elements and inject it into the DOM element. In this wa
    2025-02-16
  • How to set the width and height of html table cells

    How to set the width and height of html table cells

    When making web pages, we often encounter the problem of misaligned table widths. I have looked at the details of the height and width settings of the table tag table in HTML, and now summarize it as follows: 1. The width and height settings in the table
    2025-02-16
  • Html5 new table unit element

    Html5 new table unit element

    HTML5 new table element HTML5 has the following new table elements: <datalist> Bleak<keygen> Bleak<output> Note: Not all browsers support the new form elements of HTML5, but you can use them. Even if the browser does not support form attributes, it can s
    2025-02-16
  • H5 canvas realize greedy snake games

    H5 canvas realize greedy snake games

    This article introduces H5 Canvas to achieve greedy snake games. Share it with everyone. The specific effect is as follows: PS: This is just thinking. For details An array saves a pile of rectangles, including snake head (red) and snake body (gray). Paint
    2025-02-15
  • HTML5 new form type sample code

    HTML5 new form type sample code

    demo.html：<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title> <style>
    2025-02-15
  • Detailed explanation of HTML5 page rem layout adaptation method

    Detailed explanation of HTML5 page rem layout adaptation method

    The main method of the rem layout adaptation scheme is: dynamically calculate and set the font-size of the HTML root tag according to the ratio of the design draft to the width of the device; in CSS, the width, height, relative position, etc. of the desig
    2025-02-15
  • Maybe these are the H5 soft keyboard compatibility solutions you want (summary)

    Maybe these are the H5 soft keyboard compatibility solutions you want (summary)

    Preface I have been working on an H5 chat project recently, and I have encountered one of the biggest pitfalls: the input box gets focus, the soft keyboard pops up, and the input box is required to be adsorbed (or pushed) on the input method box. The requ
    2025-02-15
  • How to upgrade H5 hybrid development app

    How to upgrade H5 hybrid development app

    After our app development is completed, it is inevitable that the product will be upgraded in the future, so we hope that the app will be automatically upgraded on the customer's mobile phone, which can be divided into automatic upgrade and manual upg
    2025-02-15
  • Canvas pixel point operation video green screen cutout

    Canvas pixel point operation video green screen cutout

    This article introduces the video green screen cutout of canvas pixel point operation and shares it with everyone. The details are as follows: Usage: context.putImageData(imgData, x, y, dX, dY, dWidth, dHeight); Parameter description imgData stipulates th
    2025-02-15
Prev 1234567Next