Summary of html basic knowledge

html: is the abbreviation of Hyper Text Markup Language, that is, hypertext markup language.

The components of a web page are HTML-structure, CSS-style, Javascript-behavior

Write what I have learned below Some tags, and usage.

##Title tags:

-

Indicates titles from level one to level 6. H1 has the largest font.

Sort tag:

Unordered list, list options are represented by
• .
  An ordered list, the list options are represented by
  1. .

     defines a list, and list options are represented by

     and

     .

     Paragraph tag:

     , represents a paragraph, a large block of text

     Preformatted text:

      represents how When writing is in the content, the written content will be revealed. <span style="font-size: 12px"></span><p style="text-align: left">Citation tag: <cite> indicates the source of the cited work, a character. <blockquote> means quoting a large section of content. <q> means quoting a short paragraph of content, such as a poem. <code> means quoting a piece of code. <span style="font-size: 12px"></span></code></q>
     </blockquote></cite></p><p style="text-align: left">Hyperlink: The <a>a tag can connect internal and external websites, pictures, things that need to be jumped, etc. <span style="font-size: 12px"></span></a></p><p style="text-align: left">Picture: <img  alt="Summary of html basic knowledge" > ,<img src="" alt="" title=""> Write the address of the picture in src, but the picture cannot be opened if you write it in alt In the event that the displayed text is also searchable by search engines. The content written in the title for users to see. When the mouse is pointed up, text will be displayed. <span   style="max-width:90%"></span></p><p style="text-align: left">Block definition: </p><p> label, used to divide blocks, is a very commonly used label. <span style="font-size: 12px"></span></p>##Italic: <em><i>, em is more semantic, i is just italic and has no emphasis. </i><p style="text-align: left"><span style="font-size: 12px"></span></p>Bold: <strong><b>, strong is more semantic, </b><p style="text-align: left"><span style="font-size: 12px"></span></p>Line break: <br><p style="text-align: left"><span style="font-size: 12px"></span></p>Horizontal line: <hr> is rarely used. <p style="text-align: left"><span style="font-size: 12px"></span></p>Insert audio: <audio>, there are controls in audio that can be controlled, autoplay automatically plays, and loop plays these attributes<p style="text-align: left"><span style="font-size: 12px"></span></p>Insert video : video, video also has the above attributes, and there is also a muted mute attribute. <p style="text-align: left"><span style="font-size: 12px"></span>##List tag: </p>
     <table> <th>Table header, </th>
     <tr>Each tr represents a row, <td>Each td represents a column, colspan Merge columns horizontally and rowspan vertically. <p style="text-align: left"><span style="font-size: 12px"></span>Input box label: write input="" in <from>, text represents an ordinary text box, and the value entered in </from></p>placeholder represents the word displayed in the text box. disabled means disabling this box. <p style="text-align: left"><span style="font-size: 12px"><span style="color: #000000"></span>##input </span></p>type=<p style="text-align: left">"password" <span style="font-size: 12px; color: #000000">maxlength=<span style="font-weight: bold">"6" <span style="font-weight: bold">autofocus/> <span style="font-weight: bold"><span style="font-weight: bold"><span style="font-weight: bold"><span style="font-weight: bold"></span></span>Password box, the value in maxlength is the longest number of digits in the password autofocus automatically fixes the focus. </span></span></span>##type="button", the button will not be submitted, but type="submit" and <button>xxx</button> buttons will be submitted. checkbox represents a multi-select box, and radio represents a radio button. </span></span></p>##<select> Refers to the list item <p style="text-align: left"><span style="font-size: 12px; color: #000000"><p style="text-align: left"><span style="font-size: 12px; color: #000000">　<span style="font-size: 12px; color: #000000"><option>xxxx</option></span></span></p>
     <p style="text-align: left">##</p></span></p></select><span style="font-size: 12px; color: #000000"></span><p style="text-align: left;"> textarea refers to a multi-line text box. <span style="font-size: 12px; color: #000000"></span></p>
     </td>
     </tr>
     </table></audio></strong></em>

The above is the detailed content of Summary of html basic knowledge. For more information, please follow other related articles on the PHP Chinese website!