MindMap Gallery HTML
HTML is Hypertext Markup Language, which includes a series of tags. HTML commands can describe text, graphics, animations, sounds, tables, links, etc.
Edited at 2021-01-01 16:06:31This 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
HTML (Hypertext Markup Language)
Label
Attributes
Value (default value if no value is written)
</meta>General default setting character set
<a></a>
herf
herf="url"
Link to URL or html written by yourself
Anchor definition: href="#t1 href="#"pin to top
name="t1"|id="t1"
Send email herf="mailto:abc@qq.com"
target
_blank (open a new window to open the linked page)
_self(current page open)
title
Tips when mouse is over
<a><img></a>
src
relative path
alt
Prompt when the file does not exist
width
Image width
height
Image height
<table></table>
boder
=1with or without borders
align
Alignment method: left, right, center
cellspacing
cellpadding
width
Occupy 30% of the viewport width or use pixels
Table example:
<table><tr><td></td></tr></table>
each line
(It can also have attributes in the table)
cells per row
<br>or line break
Forms in HTML5
<form></form>
method(submission method)
get/post
action
The path when the page submits data to the server through the form
enctype (file upload type)
Video·/Picture
<form><input/></form>
type(input type)
Input:
Default text (text)
password
tel(telephone)
color
Selected:
radio (small selection box)
checkbox
datetime
date
Press:
button
submit (register)
reset
checked (default selection)
checked
name
gender
favor(like)
The name attribute indicates submission to the server
value
The one you choose must be worth it
placeholder(displayed in text box)
"Require"
required (indicates that this item must be filled in)
readonly (read-only)
readonly="readonly"
disabled
onfocus=test01( )Get focus
onblur=test02( ) loses focus
onclick=test03( )When clicked
Non-input tags in forms:
<form><select><option></option></select><input/></form>Option Select
<select name="addr">(name is written in s, value is written in o)
<option value="bj">
<input type="button" value="Normal button"/> <input type="submit" value="Register"/> <input type="reset" value="Reset"/>
<form><textarea></textarea></form> (generate text area)
name
cols (how many words in a line)
cols="20"
rows (how many rows)
rows="10"
Note: changed a bit
Form examples
Block tags and inline tags
div, p, hx automatically wrap (occupy the entire line), the height depends on the content, the width and height can be set
span, a, input, and img will not wrap automatically. The height is the width of the content. The width and height cannot be set.
HTML5 new features
H5 common tags
<span></span> (common label, convenient for node operations)
style="color: red;"
<p></p>(paragraph tag, automatic line wrapping, with default line spacing)
<h1></h1> (Title tag, h1~h6, controls font size, and has bold effect)
<div></div>(block tag,)
Supplementary common tags:
<audio></audio>(load and play audio)
<b></b>(Bold font)
<button></button>
The difference between <input type="button"> and button tag
<del></del>(underline)<ins></ins>(underline)
<em></em>=</i></i>(italic)
<strong></strong>=<b></b>(bold)
<hr><>(horizontal line)
<ul><li></li></ul>(Unordered list)
<ol><li></li></ol>(ordered list) can be nested
<pre></pre>(Preprocessing, what to write, what to display)
<script></script> (import js)
<link></link> (import css style)
<video></video> (import video)
H5 adds common tags
<datalist></datalist>
<output></output>
H5 adds new common attributes
autocomplete means it will be displayed the next time you search
Which text box position does autofocus display by default?
form (added outside the form through the form attribute)
Override attributes of the form (allows overriding certain attribute settings of the form element)
formaction: will override the action attribute in the <form> element
formenctype: Override the enctype attribute of the form
formmethod: Override the method attribute of the form
formnovalidate: Override the novalidate attribute of the form
formtarget: Override the target attribute of the form
Note: Form override properties apply to the following types of <input> tags: submit and image.
list (representing the output domain (content)) is in list form
multiple (multiple selection, multiple file upload)
novalidate (submit directly without verification)
pattern (validates whether the input conforms to the specification) (regular expression)
The complete structure of the table (appears in multiple choice questions)
<table>
<caption>Title of the table</caption>
<thead></thead>
<tfoot></tfoot>
</table>