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
  • layout div like table

    layout div like table

    Translated from: Equal height boxes with CSS Original text: http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/The following is the content I translated, which is the root
    2025-01-17
  • Add music to Flash page using Html

    Add music to Flash page using Html

    Now more and more people are using flash to build websites. Since mx2004 supports some HTML tags, we can use them to enrich the page, not just text. Here is something to note:<img> Image tag description: The function of this tag is not only to insert pict
    2025-01-17
  • Markup language: What are the characteristics of XHTML compared with HTML?

    Markup language: What are the characteristics of XHTML compared with HTML?

    At the end of 2000, the international W3C (World Wide Web Consortium) organization announced the release of XHTML version 1.0. XHTML 1.0 is a new language optimized and improved on the basis of HTML 4.0, aiming at XML-based applications. XHTML is an enhan
    2025-01-17
  • XHTML+CSS: call style sheet

    XHTML+CSS: call style sheet

    To design a website based on web standards, the transition method mainly uses XHTML+CSS, and CSS style sheets are essential. This requires all web designers to be proficient in CSS. If you have not used it before, start learning now. To create a website t
    2025-01-17
  • Html web page head area specification knowledge

    Html web page head area specification knowledge

    The head area refers to the HTML code of the homepage<head> and</head> content between. Required tags 1. Company copyright annotation<!--- The site is designed bywebjx.com 06/2006 ---> 2. Web page display character set Simplified Chinese
    2025-01-17
  • Adaptive solution to images under div

    Adaptive solution to images under div

    We (especially novices like me) often encounter a problem - picture adaptation. This problem is very common. In the article area and forums, it can be said that wherever pictures need to be uploaded, this problem exists, and people ask about it from time
    2025-01-17
  • Getting Started with DIV+CSS Web Page Layout

    Getting Started with DIV+CSS Web Page Layout

    Are you learning CSS layout? Are you still unable to fully master pure CSS layout? There are usually two situations that hinder your learning: The first possibility is that you have not yet understood the principles of CSS processing pages. Before you con
    2025-01-17
  • Sample code for canvas searchlight effect

    Sample code for canvas searchlight effect

    The clip() method in canvas is used to cut arbitrary shapes and sizes from the original canvas. Once a certain area is clipped, all subsequent drawings will be limited to the clipped area (other areas on the canvas cannot be accessed). You can also use th
    2025-01-16
  • Correct use of HTML5 Geolocation API

    Correct use of HTML5 Geolocation API

    Geolocation is a Web API under the HTML5 standard, which can be used to obtain the current location information (coordinates) of the device. This API has three methods: getCurrentPosition, watchPosition and clearWatch, of which the most commonly used is g
    2025-01-16
  • How to achieve the carousel effect of big in the middle and small in the middle with html5+css

    How to achieve the carousel effect of big in the middle and small in the middle with html5+css

    According to international practice, the effect is best if you go on first. Don’t say much, just go on and masturbate. css:<style> *{margin: 0;padding: 0} .wrap{ } .container{ width: 100%;
    2025-01-16
  • Example of how to implement a 2-column layout in HTML (fixed width on the left, adaptive on the right)

    Example of how to implement a 2-column layout in HTML (fixed width on the left, adaptive on the right)

    HTML implements a 2-column layout, with a fixed width on the left side and an adaptive implementation on the right side:<style> body, html{padding:0; margin:0;} // 根据CSS定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流,可以与右边块元素并列
    2025-01-16
  • Example of how canvas implements Tetris

    Example of how canvas implements Tetris

    I haven’t used canvas for a long time, so I became familiar with canvas again by writing a small game Tetris. If you have a certain canvas foundation, it is not difficult to implement. Detailed explanation of the principle. Looking at the final interface
    2025-01-16
  • In-depth understanding of the use of HTML5 timer requestAnimationFrame

    In-depth understanding of the use of HTML5 timer requestAnimationFrame

    Preface Timers have always been the core technology of JavaScript animation. The key to writing an animation loop is to know how long the delay time is. On the one hand, the loop interval must be short enough to make different animation effects appear smo
    2025-01-16
  • Hand-in-hand, I will teach you how to draw a simple poster using canvas.

    Hand-in-hand, I will teach you how to draw a simple poster using canvas.

    La la la, let’s talk about the requirements first. The product wants users to share a picture to WeChat, QQ and other platforms within our app. The image contains the user's name, avatar, and a QR code with their own information. Then, how to generate
    2025-01-16
  • Canvas globalCompositeOperation

    Canvas globalCompositeOperation

    By default, if an object (source) is drawn on top of another object (target) in Canvas, the browser will simply overlay the image of the source object on top of the image of the target object. To put it simply, in Canvas, the image source and target image
    2025-01-16