Today, I learned about GTP web development.
1. How the web works
-The web browser receives the codes of HTML and turns them into an actual web page(which we can interact with)
Let's say
putting a web address on the search bar -> asking the web browser that contains the HTML codes to turn them into an actual web page
1. client - gives the HTML codes to the server(in page address form).
2. server - receive the HTML codes from the client and turn them into web page form.
In coding, HTML is the first frame for the whole page and CSS is a material to decorate the HTML codes.
In short,
Button -> HTML
Button -> CSS that applied to HTML codes(like color?)
Tips:
Annotation -> ctrl + / = is used when you have to make a note or notify your teammates of something.
Aligning the codes -> shift + alt + f = is used to align the line
REMEMBER!
All the codes must be located in their lines properly
Ex.
<head>
.line {
color : red;
}
display : flex; -> X It won't work unless I place it back into the .line code
</head>
<body>
<div class = "line"> line </div>
</body>
Putting Label
1. class
2. Id
It's like I put the name on a certain code (ex. class = "line") and use it when I want (.line {})
HTML Layout
1. block
2. inline
Especially the structure of the web page is as follows:
1. navbar - the title
2. main - body(saying what I want to)
3. footer (summary???)
Things that I must remember:
For head part
Margin:
Padding:
Height:
Display:
Justify-content:
Align-items :
For body part
div -taking one line
p - paragraph
span - to decorate a certain part
ui - dot
li -dot
h1 ~ 6 -> size of the text (mostly h1 is used for title)
input - small text box
textarea - large text box
button - making a button