MindMap Gallery HTML syntax
In HTML syntax, all elements are included in the "<" and ">" start and end identifiers. This map summarizes the classification of elements in detail and summarizes the knowledge points of new elements in HTML5.
Edited at 2023-02-26 19:23:59This 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 syntax
one
All elements are included in the "<" and ">" start and end identifiers, forming an element such as <html>, etc.
In HTML documents, most elements have a start tag and an end tag. Contained between the start tag and the end tag is the element body <p>This is a paragraph</p>
Elements can be nested within each other to form the document structure. Nesting must match, nesting cannot be staggered
two
Content type. The file extension and content type of html5 remain unchanged, still .html or .htm, and the content type is text/html
Document type declaration. <!DOCTYPE html>, case insensitive
three
The file extension must end with .html or .htm
The file name can only consist of English letters, numbers or underscores
Do not include special symbols in the file name, such as spaces, $, etc.
File names are case-sensitive, and there are differences in case between Unix and Windows systems.
The default file name of the website homepage is index.htm or index.html
Any spaces or carriage returns are invalid in the code. There are special markers for inserting spaces or line breaks, which are   and <br>
Element classification
1. Document structure <html>, <head>, <body>
2. Text format. These elements are used to identify text blocks and come with certain display formats. <title>: identifies the title of the web page. <hi>: i represents 1, 2, 3, 4, 5, and 6, which represent first-level to sixth-level titles respectively. <p>: identifies paragraph text. <pre>: identifies pre-formatted text. <blockquote>: identifies the quoted text.
3. Character format <b>, <i>, <del>, <em>, <sup>, <sub>, <ruby>, <rp>, <rt>
4. List <ul>, <ol>, <li>, <dl>, <dt>, <dd>
5. Hyperlink <a>
6. Multimedia <img>, <embed>, <object>
7. Table <table>, <tr>, <td>, <th>, <caption>
8. Form <form>, <input>, <textarea>, <select>, <option>
9. Others <br>, <hr>, <div>, <span>, <fieldset>, <legend>, etc.
HTML5 new elements
1. Structural elements <header>, <footer>, <section>, <article>, <aside>, <nav>
2. Functional elements <hgroup>: used to group titles <figure>: represents an independent piece of content <video>: defines video <audio>: defines audio <canvas>: represents graphics. It has no behavior itself, only provides a canvas <mark>: Highlight text <time>, <progress>, etc. <input> element type attribute value enhancement