MindMap Gallery Front-end learning
This is a mind map about front-end learning. Here are some resources about front-end learning to help you build a solid foundation and continuously improve your skills.
Edited at 2024-04-08 16:06:49This article discusses the Easter eggs and homages in Zootopia 2 that you may have discovered. The main content includes: character and archetype Easter eggs, cinematic universe crossover Easter eggs, animal ecology and behavior references, symbol and metaphor Easter eggs, social satire and brand allusions, and emotional storylines and sequel foreshadowing.
[Zootopia Character Relationship Chart] The idealistic rabbit police officer Judy and the cynical fox conman Nick form a charmingly contrasting duo, rising from street hustlers to become Zootopia police officers!
This is a mind map about Deep Analysis of Character Relationships in Zootopia 2, Main content: 1、 Multi-layer network of relationships: interweaving of main lines, branch lines, and hidden interactions, 2、 Motivation for Character Behavior: Active Promoter and Hidden Intendant, 3、 Key points of interaction: logic of conflict, collaboration, and covert support, 4、 Fun Easter eggs: metaphorical details hidden in interactions.
This article discusses the Easter eggs and homages in Zootopia 2 that you may have discovered. The main content includes: character and archetype Easter eggs, cinematic universe crossover Easter eggs, animal ecology and behavior references, symbol and metaphor Easter eggs, social satire and brand allusions, and emotional storylines and sequel foreshadowing.
[Zootopia Character Relationship Chart] The idealistic rabbit police officer Judy and the cynical fox conman Nick form a charmingly contrasting duo, rising from street hustlers to become Zootopia police officers!
This is a mind map about Deep Analysis of Character Relationships in Zootopia 2, Main content: 1、 Multi-layer network of relationships: interweaving of main lines, branch lines, and hidden interactions, 2、 Motivation for Character Behavior: Active Promoter and Hidden Intendant, 3、 Key points of interaction: logic of conflict, collaboration, and covert support, 4、 Fun Easter eggs: metaphorical details hidden in interactions.
Front-end learning
html
! Generate html skeleton
ctrl s save
alt b run
hr horizontal line
br force newline
p one line and one paragraph
h1 title
title website title (header)
body website content (body)
media label
audio music
src file path-link
./current directory ../previous directory
controls music controls
video video
a href hyperlink
#empty link
Double quotes "" Riga link>< Riga hyperlink text
index home page meaning
tab autofill (also four spaces)
View — alt z wrap line automatically
List elements
The label li in the entire unordered list ul
ul tags can only have li tags
The li tag can have any content
The same goes for ol tags
Ordered label whole o inside label li
dl tag is the whole
The overall theme of custom tags is dt dd /dt tags can contain any content
dl tag
table label
table
The table as a whole contains (tr td)
border(border height)width(border width)heigth(table)
tr
represents a line
td
content of each line
caption (table title)
th (the header cell is usually the first row of the table)
thead (table header)
tbody (table body)
tfoot (bottom of table)
rowspan (cross rows and merge)
Usually inside td
colspan (merge across columns)
placeholder (placeholder, prompts the user to enter content)
file uploads a single file multiple uploads multiple files
submit submit button
rest recharge button
button Ordinary button has no function by default
value changes button content font
select drop-down menu
Each item in the option drop-down menu
selected The default selection of the drop-down menu
textarea text area label
cols text visible width
rows number of rows
  is a space
css
css (cascading style sheets are usually a style tag below the title of html)
You can also use another .css file reference (outline) link rel reference, href to find the css file path
There is also an inline style, add style="color: color; font-size: size px" directly in the tag.
There are four basic principle selectors - label selector, class name selector, id selector,
class defines the label name and adds it to the label. Click style below. Call the name to define the color and font size.
A label can use multiple class names
id selector
wildcard tag
js