MindMap Gallery Html
This map summarizes the knowledge content of Html, including basic syntax, basic structure tags, special character codes, document query, common tags, etc.
Edited at 2022-04-04 13:56:27This 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
Common tags
<h1>-<h6> title tags
The importance gradually decreases from 1 to 6, and the font size also becomes smaller.
<p></p>Paragraph tag
Split paragraphs and wrap lines automatically
<br/>Line break tag, single tag
layout tag
<div></div>Place one per line
<span></span>You can put multiple on one line
image tag
<img>
Attributes that can be added
src required attribute, image path
path
The image is relative to the interface where the html page is located
Use ../**** in upper-level files
Use /**** in lower-level files
Or use the full path
Text that appears when alt images cannot be displayed
titileThe text displayed when the mouse is placed on the image
widthThe width of the image
heightThe height of the image
borderimage border thickness
text formatting tag
<strong></strong> or <b></b> bold
<em></em>or <i></i>tilt
<del></del>Strike through
<ins></ins><u></u>Underline
hyperlink tag
<ahref="Jump target" target="Pop-up method of the target window" text or image > </a>
What follows ahref is the address of the link target, which is a required attribute.
The default value of target is _self to open in the current window, _blank to open in a new window
For external links, the full address such as http://www should be written in ahref.
For internal links, just write the internal page name directly
Empty connection, no link target is determined, just <a href="#">Homepage</a>
Download link, href contains a file or compressed package
Web element links, add hyperlinks to various web elements in the web page
Anchor links can quickly locate a certain location on the page
In the href attribute, set the attribute value to #name
Add an id attribute to the target location tag with the same name
table label
Basic format <table> <tr><td><td><tr> <table>
<table> is the tag used to define the table
<tr> is a row in the definition table and must be nested in <table>
<td> is a column in the definition table and must be nested in <tr>
You can use <th> at the beginning of the table, and the content will be bold and centered.
Table structure tag
<thread>Head tag of the table
There must be <tr> inside, usually located on the first line
<tbody>The body area of the table
table properties
align
Alignment, values include left, center, right, etc.
border
1 or "" with or without borders, the default is "" without borders
cellpadding
Specifies the space between the cell edge and its content
cellspacing
Specify the space between cells
width
Specify the width of the table
How to merge cells
rowspan="Number of merged cells"
OK
colspan="Number of merged cells"
List
The merging method is upward merging or left merging.
list tag
unordered list
<ul><li></li></ul>
ordered list
<ol><li></li></ul>
custom list
<dl><dt></dt><dd></dd></dl>
<dt> is to define the project/name, and <dd> is to describe each project/name
form fields
<form action=URL method=Submission method name=Form field name>Content</form>
Attributes
action: URL of the server program used to receive and process form data
method: you can fill in get/post
name: used to specify the name of the form to distinguish multiple form fields on a page
form tag
<input>
single label
Used to collect user information
Attributes
typye
Used to specify different control types
attribute value
button
click button
checkbox
checkbox
file
Input fields and browse buttons
hidden
Hidden fields
image
Submit button as image
password
Password field, characters masked
radio
single button
reset
reset button
submit
Submit button to submit the form to the server
text
Single-line input field, 20 characters wide
name
Define Input element name
Radio buttons and checkboxes must have the same name value
value
Specifies the value of the Input element
checked
Specifies that this input is selected when it is loaded for the first time
maxlength
Specifies the maximum character length of the input field
<select>
drop-down list
A selection contains at least one pair of options
Define select = "selected" in <option> and this option will be the default option.
Format:<select><option>Select 1</option></select>
<textarea>
Control for defining multi-line text input
Format <textarea rows="" cols="">Text content</textarea>
rows is the number of rows, cols is the number of characters in each line
<Label> tag
Bind form elements. When you click the text in the <Label> tag, the browser will automatically turn the focus to or select the corresponding form element to enhance the user experience.
Syntax: <label for="custom name"></label> <input type="" id="custom name">
Core: The attribute value in for is the same as the attribute value in id
Document review
Baidu
http://www.baidu.com
W3C
http://www.w3school.com.cn/
MDN
http://developers.mozilla.org/zh-CN/
special character code
space character
 
Less than sign
<
Greater than sign
>
Multiplication sign
×
division sign
&devide
basic structure tag
<html></html>
The largest tag on the page: the following tag
<head></head>
Document header
<body></body>
everything that contains the element
<title></title>
The title of the document
basic grammar
Most labels are double labels
<!DOCTYPE> is the header declaration file
<lang> expresses the language type, en is English, zh-CN is Chinese
The charset attribute in <meta> is the encoding standard of the document
Annotations begin with <!-- --> and end with
Shortcut key ctrl /