HTML basics

Posted May 24, 20202 min read

element

<html>
    <head>
        <meta />
        <title> </title>
    </head>
    <body>

    </body>
</html>

1 Overview
html hypertext markup language

h Super hyperlinks, pictures, video, audio
t text character
m mark
l Language

2) http super text transfer protocol

h super
t text
t pass
p protocol

http status code
1xx:indicates notification information, such as the request received or being processed
2xx:indicates success, if received or known
3xx:indicates redirection, further action must be taken to complete the request
4xx:indicates the customer's error, such as wrong syntax in the request or failure to complete
5xx:indicates an error of the server, such as the server fails to complete the request
3) URL Uniform Resource Locator
A provision for locating network resources

http://ip:port/path
http://134.175.154.93:6677/swagger-ui.html

Introduction to HTML elements
An element should contain a start tag, end tag, sub-content/sub-tag
Element
Start tag, which can have attributes inside to modify the element
End tag
Content
Attributes:

Core attributes:attributes that most tags have
    id class title style
Own attributes:attributes specific to certain tags
    img src alt width
    a href target
<p> hello </p>
<p> world </p>

Label classification:
Dilute the default style and strengthen the semantics. Semantics of tags Choose the right tags at the right place on the page
Block-level tags

Main role:build web page structure, structural tags
div meaningless box Use div when you do n t know what to use
h1 ~ h6 title
p paragraph
ul> li unordered list is generally used for navigation
ol> li ordered list is generally used for ranking
dl> dt.dd custom list is generally used for tree structure

H5 added structural tags [similar to div, the only difference is the semantics]
    header
    article
    section
    footer
    nav
    aside
    ...

Inline label

span meaningless inline label
a hyperlink
img picture

Note:Inline elements should appear inside block level elements, while block level elements cannot appear inside line elements.