html summary

Basic summary of knowledge points that are frequently used in daily HTML HTML basics HTML summary HTML

Edited at 2020-02-28 23:31:53

PlotWizard

Recent works View more works>>

html summary

PlotWizard

Recent works View more works>>

Recommended to you
Outline

Home
- 5
Sandeepan Kumar
HTML basic tags
- 14
PlotWizard
The basic structure of html
- 18
PlotWizard
HTML5 CSS3 web design and production
- 26
PlotWizard
HTML elementary mind map
- 8
PlotWizard
HTML5 related knowledge summary summary mind map
- 12
PlotWizard
Web mind map
- 14
PlotWizard

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)  </body>

Links

<body>  <a href="http://www.baidu.com/">Link text</a>  <a href="http://www.baidu.com/"><img src="URL" alt="Image link alt text"></a>  <a href="mailto:zyl_lfe@163.com">Send e-mail</a>  <a id="tips">Tips section</a> <a href="#tips">Skip to tips</a> </body>

Images

Text formatting (Formatting)

<body> <b>Bold text</b>  <code> sum = 0 for i in range(101): sum = i print(sum) </code> <em>Emphasis text</em> <i>italic text</i>  <pre> Dark, light yellow body, soft in nature, The traces of love are far away, but the fragrance remains. Why light green and dark red, He is the best among flowers. </pre> <small>Smaller text</small> <strong>Important text</strong>  <abbr title="Hyper Text Markup Language">HTML</abbr>  <address> Baidu address: <a href="https://www.baidu.com">Baidu entrance</a> </address>  <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>  <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>  <p>(This is an example used with delete and insert tags)</br>Original price<del>180</del>Now only <ins>80</ins></p>  <div> This tag is <sub>sub subscript text</sub> This tag is <sup>sup superscript text</sup> </div>  <style> div{ margin-top:10px}/* css comment: Set the top spacing to 10px for all divs */ .divcss5-1{font-size:16px}/* Set css font size to 16px */ .divcss5-2{color:#F00}/* Set the css font color to red */ .divcss5-3{ background:#000; color:#FFF}/* Set CSS background color to black and font color to white */ .divcss5-4{ border:1px solid #F00; height:60px}/* Set the css border and CSS height to 60px */ </style> <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>