• Explain the semantic tags commonly used in HTML5


    Quick query article | aside | nav | section | header | footer Schema Preview NAV defines the part of the navigation link The navigation links of a site are displayed in the footers, such as home page, service information page, copyright information page, etc <nav> <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>CSS</a></li> <li><a href=”#”>Html5</a></li> </ul> </nav> […]

  • How to align text boxes in multiple forms with HTML


    The code of the form is as shown in the figure. The style sheet has not been added. The form is not aligned, so it is difficult to see. However, HTML does not provide the label or function of form alignment. HTML source code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>massage-board</title> </head> <body> <form […]

  • Example code of input keyboard of license plate number province abbreviation in HTML


    The principle is to write out a div of a key, and then automatically generate a keyboard according to the size of the screen The specific implementation code is as follows. <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1, user-scalable=no”> <script type=”text/javascript” src=”../js/jquery-2.1.4.js”></script> <style> /* *{ Font family: “bold type”; } */ .content{ […]

  • How to make your HTML button itself centered


    How to center your HTML button itself? This is a good way to find a way to set the center attribute in its parent tag, as follows: <html> <body> <center><button onClick=”myClick()”>hit me</button></center> <script> function myClick() { alert(“123″); } </script> </body> </html> Or: <html> <body> <div align=”center”><button onClick=”myClick()”>hit me</button></div> <script> function myClick() { alert(“123”); } </script> […]

  • How to display and format JSON data in HTML page


    JSON data is displayed and formatted in HTML page 1、 Display effect picture Description information: All key values are marked in red, indicating important parameters; The value value is marked with different colors, the numeric type is orange, the string is green, and the Boolean is blue… 2、 Source code display <!DOCTYPE html> <html> <head> […]

  • Detailed explanation of the use and difference between relative and absolute of HTML


    The difference between HTML relative and absolute: to tell you the truth, html is the simplest language in the world. Tag language is that there are more tags and more English words, but they are regular. For example, text class is centered- align:center; Bold text- weight:bold;. However, some of them are difficult to understand and […]

  • HTML table to achieve complex header example code


    Use HTML to make complex tables. Complex tables generally use two attributes of TD: rowspan and colSpan attribute values. In HTML, the < td > tag defines the standard cells in the HTML table. (1) The rowspan property specifies the number of rows a cell can span; (2) The colSpan property specifies the number of […]

  • Div solution to conflict between relative width and absolute width of HTML + CSS


    Solution to div when relative width and absolute width conflict Abstract: generally, we will use PX when using absolute width, and% when using relative width. But what should we do if we use both absolute width and relative width? We use an example to explain today’s content 1. Complete the title requirements on the picture2. […]

  • HTML implementation of tab switching example code


    Tab switching is also a common technology in projects. Generally, JS or JQ are used to implement tab switching. Today, we introduce two methods to realize tab switching only with CSS Method 1 Principle: display the corresponding div through the associated attribute of label label and the radio type of input 1. Create a div […]

  • Explain the column column merging problem of table in HTML


    Because to do a website, in addition to the content of large paragraphs of text, there are also a large number of forms, which found the problem of table layout. Generally simple tables, such as: This form is relatively simple, as long as < tr > < / TR > < td > < / […]

  • HTML input prompt text style modification example code


    On many websites, we can see that the input box displays prompt text. Let’s take a look at how to display prompt text in the input input box. We just need to add: placeholder = “prompt text” to the < input > tag. What if you want to change the style of prompt text? You […]

  • How to solve the problem that div’s margin doesn’t work in HTML


    Here’s a solution to the problem that margin doesn’t work when divs nest divs. By the way, the definition and usage of margin. Div nested HTML code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <style type=”text/css”> *{ margin: 0; padding: 0; } body{ width: 100%; height: 100%; background-color: dodgerblue; } […]