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
  • How to avoid 6 common HTML5 mistakes

    How to avoid 6 common HTML5 mistakes

    1. Don’t use section as a substitute for div. One of the most common mistakes people make when using tags is to randomly replace HTML5’s<section> Equivalent to<div> - Specifically, used directly as a replacement (for styling). In XHTML or HTML4, we often
    2025-02-04
  • Implementation method of HTML detecting that the input has been completed and automatically filling in the next content

    Implementation method of HTML detecting that the input has been completed and automatically filling in the next content

    In the previous article, we simply implemented the detection that the input has been completed. We have implemented the detection that the input has been completed. Now we go one step further. On this basis, we can realize the detection that the input has
    2025-02-04
  • CSS3 drawn basic graphics, round, oval, triangle, etc.

    CSS3 drawn basic graphics, round, oval, triangle, etc.

    CSS3 round#css3-circle {width: 150px; height: 150px; border-radius: 50%; background-color:#232323;} css3 oval#oms3-body {width:
    2025-02-04
  • Talk about the role of HTML empty link

    Talk about the role of HTML empty link

    Air link: There is no link to the target endpoint. Format <a href=#>Display content of</a> the content of empty connection 1. Set as homepage
    2025-02-04
  • Detailed explanation and instance code of HTML5

    Detailed explanation and instance code of HTML5

    Introduction to drag and drop is a common characteristic, that is, drag to another position after grasping objects. In HTML5, drag and drop is a standard part, and any element can be dragged and dropped. First click a small example: drag on the user start
    2025-02-04
  • Sample code for html5 using canvas to compress images

    Sample code for html5 using canvas to compress images

    Two days ago, I made a function to convert images to base64 for uploading. I found that if the base64 of the image is too large, the request will become very slow, and it will time out seriously, so I thought of compressing the image before uploading, and
    2025-02-04
  • Sample code for Canvas to implement Bezier curve trajectory animation

    Sample code for Canvas to implement Bezier curve trajectory animation

    I would like to share with you the effect of the picture below that I have recently implemented. If we want to draw the animation of the curve in the picture below, if we draw a short line to connect it every time, the picture below is divided into five s
    2025-02-04
  • Example of implementing histogram in canvas chart in html5

    Example of implementing histogram in canvas chart in html5

    I used a chart library a few days ago, among which Baidu's ECharts seems to be the best. It uses canvas by default. Canvas charts are better than SVG in processing big data. Then I will also use canvas to implement a chart library. It doesn’t feel too
    2025-02-04
  • Quickly solve the problem of slow and stuttering when opening [type = file]

    Quickly solve the problem of slow and stuttering when opening [type = file]

    Why is the attribute accpet = Image/*when uploading files in the INPUT label type is to upload files, and the speed of opening the local folder is particularly slow? After testing, Safari, Firefox, Chrome (Opera I don’t know why the old flashback) is not
    2025-02-04
  • What are the new labels of html5

    What are the new labels of html5

    I learned 9 new labels today,<audio> Simply put, it is an audio label. His main commonly used attributes are src = audio path controls = Controls control parameters. He just allows him to display the effect of a player on the page.
    2025-02-04
  • Implement a sample code for a custom HTML5 player from zero

    Implement a sample code for a custom HTML5 player from zero

    This sharing is a custom video player based on the HTML5 label. Among them, the functions such as playing pause, progress dragging, volume control, and full -screen are implemented. Effect preview point I check the source code warehouse. I believe that so
    2025-02-04
  • Implementation of using JSON animation in Html5 page

    Implementation of using JSON animation in Html5 page

    Problem Background One day our UI designer came to me and said that I should replace the animations I wrote in the program with the json animations they gave me. The reason is that some animations are very complicated and cannot meet their expectations if
    2025-02-04
  • JSON and ECharts charts based on HTML5 are displayed in the same interface

    JSON and ECharts charts based on HTML5 are displayed in the same interface

    Suddenly there is an idea, if you can put some different knowledge points on the same interface and put it in a box, so if I want to look at anything, it can be displayed directly, and this box must be able to open it. Essence I used HT to realize my idea
    2025-02-04
  • Web standards compliant hyperlinks

    Web standards compliant hyperlinks

    In HTML 4.0 Strict and XHTML 1.0 STRICT <a>, the target attribute is not allowed to be used in tags, which is a frustrating thing for web designers. It is still allowed in the transitional specifications. But through certain methods, we can solve this pro
    2025-02-04
  • Sample code for how to use canvas to implement online signature

    Sample code for how to use canvas to implement online signature

    With the rapid development of computer and network technology, online signature technology is increasingly used in paperless offices. This intuitive and convenient operation can not only greatly improve office efficiency, but also uses digital storage met
    2025-02-04
Prev 141516171819202122Next