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:49One Hundred Years of Solitude is the masterpiece of Gabriel Garcia Marquez. Reading this book begins with making sense of the characters' relationships, which are centered on the Buendía family and tells the story of the family's prosperity and decline, internal relationships and political struggles, self-mixing and rebirth over the course of a hundred years.
One Hundred Years of Solitude is the masterpiece of Gabriel Garcia Marquez. Reading this book begins with making sense of the characters' relationships, which are centered on the Buendía family and tells the story of the family's prosperity and decline, internal relationships and political struggles, self-mixing and rebirth over the course of a hundred years.
Project management is the process of applying specialized knowledge, skills, tools, and methods to project activities so that the project can achieve or exceed the set needs and expectations within the constraints of limited resources. This diagram provides a comprehensive overview of the 8 components of the project management process and can be used as a generic template for direct application.
One Hundred Years of Solitude is the masterpiece of Gabriel Garcia Marquez. Reading this book begins with making sense of the characters' relationships, which are centered on the Buendía family and tells the story of the family's prosperity and decline, internal relationships and political struggles, self-mixing and rebirth over the course of a hundred years.
One Hundred Years of Solitude is the masterpiece of Gabriel Garcia Marquez. Reading this book begins with making sense of the characters' relationships, which are centered on the Buendía family and tells the story of the family's prosperity and decline, internal relationships and political struggles, self-mixing and rebirth over the course of a hundred years.
Project management is the process of applying specialized knowledge, skills, tools, and methods to project activities so that the project can achieve or exceed the set needs and expectations within the constraints of limited resources. This diagram provides a comprehensive overview of the 8 components of the project management process and can be used as a generic template for direct application.
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