JavaWeb's detailed introduction to basic learning of html

JavaWeb01_html basic

htmlOperation Thought Use tags to wrap the data to be operated, and modify the attribute values of the tags to realize the data style in the tags Change

font label Attribute: size value range 1-7 color: English word, hexadecimal number #ffffff

Title tag ... Getting smaller and smaller from h1 to h6, automatic line wrapping

Comments ##

List tag ##

Ordered

Unordered

Image tag

alt: Browser compatibility is very poor

Path (relative path) at Directory at the same level: Directly write

in the lower directory: images/1.jpg

in the upper directory: ../

Hyperlink tag Content displayed on the page

Opening method target=”_self _blank”

The default is to open on the current page

Table label Copy after login Five specifications of html The opening tag and closing tag of an html file and

html contains two parts of content

## Set related information

## The content displayed on the page is written in the body

html tags are in pairs html code is not case-sensitive

Some tags end within the tag. For example, line break:

Separation line: ##Form tag

You can submit data to the server. This process can be achieved using form tags ## and

Get request address bar will carry the submitted data, post will not carry it

Get request security level is low , post is higher

Get request data size limit, post has no limit

There are two commonly used get and post. The default get is get. Request

action: submit to the address, default to the current page

method: form submission method

enctype: This attribute is not required for general requests. You need to set this attribute when uploading files.

Interview question: The difference between get and post

Input items: You can enter content and select parts of the content

Normal input items:

Password input item:

##Single choice Input item: -> The attribute name is required inside

-> The attribute values of name must be the same -> There must be a value Check input item:

-> The attribute name is required inside

-> The attribute values of name must be the same -> There must be a value File input item (used when uploading later) ->

##Drop-down input item (not in the input tag) 请选择 1991 1992 1993 1994 Copy after login

Text field Copy after login

Hidden items (will not be displayed on the page, but exist in the html code )

Copy after login Submit button

Copy after login Submit using image

Copy after login

Most input items use

Use of other common tags in html

b – bold s – strikethrough

u – underline

## i – Italic

pre – Output

sub and ## as is #sup – subscript and superscript

div – Automatic line wrapping

span – Display

## on one line #Use of html header tag html consists of two parts: head and body

You can use the link tag to introduce css files

You can uniformly set the opening method of hyperlinks – Set the full-text hyperlink to open in a new window

– Previous search engine retrieval method

– Three seconds jump

Tags in the head It is the header tag

title tag: indicates the content displayed on the tag

tag: sets some related content of the page

base tag: set the basic settings of the hyperlink

link tag: introduce external files

Use of frame tags When using frame tags, they cannot be written in the body. If frame tags are used, the body needs to be removed

## Tag

rows: Divide by row

cols: Divide by columns

tag

##

Specific displayed page

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

JavaWeb's detailed introduction to basic learning of html

htmlOperation Thought

font label

Title tag`<h1> </h1> ... <h6> </h6>`

Comments

JavaWeb's detailed introduction to basic learning of html

htmlOperation Thought

font label

Title tag<h1> </h1> ... <h6> </h6>

Comments

Title tag`<h1> </h1> ... <h6> </h6>`