Very honored, the author xiao Jian will start to write blog today, in order to record some knowledge and questions in the learning process, welcome to discuss!
(Disclaimer: The pictures in this article are from the Internet.)
Segment 1 who invented HTML?
We all know THAT HTML is a hypertext markup language, which actually corresponds to pairs of element tags in the background of a website, each tag corresponding to a different representation. Press F12 on your keyboard to see exactly what the code is.
Question 1: Who invented this thing?
Yes, that’s the guy in the picture. His name is:
Tim Berners-Lee
(Originally because he has died, unexpectedly still so young.)
What did he do?
The WWW is the World Wide Web
WWW=URL+HTTP+HTML
In fact, he wanted to make locally developed HTML text display available to the world, and he did one thing: WWW, which basically allows anyone to type in an address and see a web page, simple as that.
- When there were no web addresses, this guy invented the URL
- When there were no web pages, this guy invented HTML
- To complete the system, he invented HTTP
The second section of THE HTML manual and code rapid preparation
Now that we know about the founder, let’s quickly get into the coding phase and take a look at what the code architecture of this site looks like.
It will be quickly developed from the following aspects.
- H6, section, article, main, aside, etc.
- What are the global properties
- What are the commonly used content tags and what are their meanings (A, strong, EM, code, pre, etc.)?
What are commonly used table chapter labels and what do they mean?
<! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, Initial-scale =1.0"> <title> </head> <body> <main> <header H1-h6 </h1> <section> chapter X </section> <article> <p> Paragraph tag </p> </article> <div> DIV is a division of an area you can think of it as land, The section, article, footer, and headr are all divs and essentially, </article></div> <aside> </aside> </article></div> </aside> </article></div> </aside> </article></div> </aside> </article></div> </aside> </body> </html>Copy the code
So it’s going to look just like this div is just a division of a piece of land and a region.
What are the global properties?
All tags can add these so-called attributes to create dynamic or static effects
Class means a class for example
So all the properties in this area belong to the person XX and then we can configure XX to operate this class with some style
You can actually have multiple tag classes that are unique to an ID, and the top one is a category id that’s specific to a person or a company
Hidden Adds this property and some element area disappears
style
You can set the color of the font inside the label like red but it’s easier to set the color of the CSS
Tabindex holds the TAB key to skip over all of these blocks in the browser where it’s the last one to skip over if it’s 0 and -1 means flase never hits 1 and it’s the first one to hit TAB
Title set this when you touch a paragraph of text or image there will be a silk to explain the content
What are the common content tags and what do they mean?
Ol + Li ordered lists are wrapped in paragraphs with 1, 2, and 3
Ul + LI unordered list wrapped in this paragraph without 1, 2, and 3 could be points
Dl +dt+dd dl is kind of a list of paragraphs where the title is dt and dd is the content
The label HR is an underscore
The br label is a newline
A hyperlink used to put a url people click can go in
Em strengthens the font italics
Strong bold
Code here the code will be recognized and equal in width
Q + blockQuote Block element q is displayed inline within the block like paragraph P in div
Today’s learning is over here, have questions or interested in the front end can add my QQ782877160 notes