MindMap Gallery HTML summary
This is a mind map about HTML summary, including: HTML basic document format, basic tags, links, images, text formatting, tables, forms, drop-down list.
Edited at 2021-10-20 19:59:17This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
HTML summary
HTML basic document format
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Document title</title> </head> <body> Document ontology </body> </html>
Basic Tags
<body> <h1>The biggest title</h1> <h2>The second largest title </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>Minimal title</h6> <p>This is a paragraph. </p> <br> (line feed) <hr> (horizontal line) <!-- This is a comment --> </body>
Links
<body> <!--Ordinary link: --> <a href="http://www.baidu.com/">Link text</a> <!--Image link: --> <a href="http://www.baidu.com/"><img src="URL" alt="Image link alt text"></a> <!--Email link: --> <a href="mailto:zyl_lfe@163.com">Send e-mail</a> <!--Bookmark:--> <a id="tips">Tips section</a> <a href="#tips">Skip to tips</a> </body>
Images
<body> <img src="URL" alt="replacement text" height="32" width="32"> </body>
Text formatting (Formatting)
<body> <b>Bold text</b> <!--If you want a piece of computer code to be displayed on a web page, then this code needs to be wrapped with a <code> tag, otherwise it will be run as the code of the web page. --> <em>Emphasis text</em> <i>italic text</i> <!--Preformatted text tags--> <small>Smaller text</small> <strong>Important text</strong> <!--<abbr title="Full name of abbreviation">Abbreviation</abbr>--> <abbr title="Hyper Text Markup Language">HTML</abbr> <!--Contact address label--> <address> Baidu address: <a href="https://www.baidu.com">Baidu entrance</a> </address> <!--Text display direction--> <p>The text in this paragraph is displayed from left to right. </p> <p><bdo dir="rtl">The text of this paragraph is displayed from right to left. </bdo></p> <!--Reference from another source--> <p>This is a regular paragraph</p> <blockquote cite="source address"> <p>This is a quoted paragraph</p><p>This is a quoted paragraph</p> </blockquote> <p>This is also a regular paragraph</p> <!--Delete text and inserted text--> <p>(This is an example used with delete and insert tags)</br>Original price<del>180</del>Now only <ins>80</ins></p> <!--Superscript text and subscript text--> <div> This tag is <sub>sub subscript text</sub> This tag is <sup>sup superscript text</sup> </div> <!--The default style of the div tag is on its own line, and its CSS style needs to be reassigned. For example, style settings such as div width and height, internal font size, and font color need to be implemented through CSS --> <div class="divcss5-1">My font size is 16px</div> <div class="divcss5-2">My font color is red</div> <div class="divcss5-3">My background is black and the font is white</div> <div class="divcss5-4">Layout settings border and height</div> </body>
Tables
<body> <table border="10"> <tr> <th>Table title</th> <th>Table title</th> </tr> <tr> <td>Tabular data</td> <td>Tabular data</td> </tr> </table> </body>
form
<body> <input type"form type"> <input type"text">Single line text box <input type"password>Password text box <input type"radio">Radio button <input type "checkbo">Multiple check box <input type "reset"> button <input type "file">File upload <textarea></textarea> A text box that can input multiple lines (cols - columns) (rows - rows) <input type"button">Normal button <input type"submit">Submit button <input type"button">Reset button <input type"checkox">File upload </body>
drop-down list
<body> <select size" setting drop-down list displays several list items "multiple" setting drop-down list can select multiple items">Create a drop-down list <option value "option value" selected" is selected"> <option>Option content</option> </select> </body>