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 tag4a249f0d628e2318394fd9b75b4636b1 473f0a7621bec819994bb5020d29372a ... 4e9ee319e0fa4abc21ff286eeb145ecc 489364b7e0629f9745997c79a31b7c6d

• Getting smaller and smaller from h1 to h6, automatic line wrapping

Comments

• ##b3d8ce8a94d2ec7d333d16a30b16a6c3

List tag

• ##5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e 09d26108e951ca24acf2bd36a8a5fbb6 cd324b2387ec29e44e8e788c60648872

Ordered
Unordered
Image tag

• 18ffd42869272ec11816d31b866fed5c

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

92e53ebbb1d927e4092aac9c2a76a7b0Content displayed on the page5db79b134e9f6b82c0b36e0489ee08ed

Opening method target=”_self _blank”
The default is to open on the current page
Table label

f5d188ed2c074f8b944552db028f98a1
    a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
        b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b   555030cb2b5267c41522c066290065a2
    fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08

Five specifications of html

The opening tag and closing tag of an html file
• 100db36a723c770d327fc0aef2ce13b1

  and73a6ac4ed44ffec12cee46588e518a5e

html contains two parts of content
##93f0f5c25f18dab9d176bd4f6de5d30e
• Set related information

  9c3bca370b5104690d9ef395f2c5f8d1

  ##6c04bd5ca3fcae76e30b72ad730ca86d
The content displayed on the page is written in the body
• 36cc49f0c466276486e50c850b7e4956
  html tags are in pairs

• html code is not case-sensitive

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

  df250b2156c434f3390392d09b1c9563
Separation line:
• 231a563c997aa9e3e0ae614bd16728b0

  ##Form tag

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

• ##ff9c23ada1bcecdd1a0fb5d5a0f18437

  and

  f5a47148e367a6035fd7a2faa965022e

• 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:

  4181d34c3a3ee326b7c38fff429306de

• Password input item: ea46e67aeb2828cb0736258b2a692b52

• ##Single choice Input item:

  1b813ae72f59ce453bffad526ca06c02-> The attribute name is required inside

  -> The attribute values ​​of name must be the same
-> There must be a value

• Check input item:
  1587e90484ec28fb44fc75057d728e19
  
  -> 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)
  ->
  714779e36f6b8fe3da1575391740131b
  

• ##Drop-down input item (not in the input tag)

  
  

  <select name="birth">
      <option value="0">请选择</option>
      <option value="1991">1991</option>
      <option value="1991">1992</option>
      <option value="1991">1993</option>
      <option value="1991">1994</option>
  </select>

  Text field

• 
  

  <textarea cols="10" rows=""></textarea>

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

  
  

<input type="hidden"/>

• Submit button

  
  

<input type="submit"/>
<input type="submit" value="注册"/>

• Submit using image

  
  

<input type="image" src="a.jpg"/>

• Most input items use

  0bb64ac8ef291d9b868ebabb24391ed5
  

• 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

  bd1e0019a156d239985355445b844428 – Set the full-text hyperlink to open in a new window

• c35d2c6c8a516cbafcd3a1018c6e8d05 – Previous search engine retrieval method

• f943578b614e4dd94ec8401e343a7dfb – Three seconds jump

• Tags in the head It is the header tag

• title tag: indicates the content displayed on the tag

• e8e496c15ba93d81f6ea4fe5f55a2244 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

• ## f900b4fc197b16ab214eecf015bb6bd2

  Tag

rows: Divide by row
• 88a1714e29069cd8c97d12b5cd88571b

cols: Divide by columns
• fe8a1c9f4c285c8d98cad0432395d924

• 04a0d55efbbfd646a993fbc01f262c57

  tag

##ee740a045b279370f760ba3d36051925

• Specific displayed page

The above is the detailed content of JavaWeb's detailed introduction to basic learning of html. For more information, please follow other related articles on the PHP Chinese website!