Yu-brother notes, unfinished

crlt +? pycharm comments shortcuts

html tags, is the largest web label, all settings here

head tag: title page, the page must be provided related tags: <meta charest = "utf-8"> decoding

body Tags: displayed directly in the content of the page

Title Tag

h1 a title

h2 subheadings

h1 - h6 one to six

# Exclusive line

Paragraph tag

# Exclusive line

Segment lost <br>

Force a line break

Unordered list

the

　　<Li> tag by displaying this

# Own line, a point

Ordered list

　<Li> tag by displaying this

# Exclusive line, a sequence of 1,2,3 / a, b, c / ...

Was added after the start tag type = "1" means 2,3, the sequence

　　　　　　　　　　start = "2", 2 represents from the start

Custom List

dl dd dt

dl # declare a custom list

　　a space in front dd #

　　dt # top grid

Table tags

table # label declaration form

　　#border: Set whether to display the border. border: "1"

　　#cellpadding: Setting the table of contents from the border distance cellpadding: "10px"

　　#cellspacing: Before setting table and the table spacing: cellspacing: "1"

　　#width: Common table width

　　#height: Common table height　　

　　tr: # line first row, has attribute colspan- "3", set the horizontal direction occupying a cell width (the time for combining the cells, indicating cell merge commented out)

　　　　td: a first row and first column Column # rowspan = "2", a vertical direction is provided to occupy the width of the cell, (for the time merge cells, indicating cell merge commented out)

　　　　td: a first row and second column Column #　　　　　　　　　　　　

　　tr: # second line

　　　　td: a first column of the second row Column #

　　　　td: Column # second column of the second row

#valign = "top", valign = "bottom", where the text selection in the vertical direction, centered by default

#align = "right", vagina = "left" (default). vagina = "center", select the text in the horizontal direction where the default left

[Note]: tr setting affects the entire line. Effect of a single cell is provided td

　　tr:

　　　　th colspan = "4" # header, four cells

Two, HEML the row level label ## is not a separate line

　　a hyperlink tag label

　　　　Connect to jump back #href URL

　　<a href="http://ww.baidu.com"> Baidu </a> # label which must href

　　<a href="C:\\Usres\\11.txt"> Jump to a local file </a> # This is an absolute path, it is recommended to use a relative path

　　<a href=".\11.txt"> jumps to a local file path relative </a> #x

　　　　#target attribute "_blank", a new window jump page

Image tag img tag

　　img ## single-label

　　　　src: Pictures of address (network resources or local resources)

　　　　alt: alt text for images to load! ! ! (Must be present)

　　　　width: wide-picture # will only set a isometric drawing

　　　　height: picture # only set a high proportion stretch will wait

　　　　titie: mouse over picture shows the text (not writable write)

Text labels

　　b Tags: bold double tag #! ! Put the text you want to bold double ring up the tab

　　i Label: double tilt # label! ! Put the text you want to tilt the double label circled　　

　 strong Tags: dual emphasis on bold tag #! ! Put the text you want to bold double ring up the tab

　　em Tags: stressed tilt # double label! ! Put the text you want to bold double ring up the tab

　　<B> here becomes bold <\ b>

　　no row span # semantic level elements, with the use of CSS, to set the part of the text

　　　　span double label tag #

　　　　<Span style = "color = red"> Note </ span> ## bar note the word turns red

Commonly used character entities:

　　Reference escaped xml file format

　　& Nbsp a space character. # Show only a text entry box, use more & nbsp display multiple spaces

Form tag

　　 Form region designated by a label form

　　　　Attributes:

　　　　　　action: data submission address

　　　　　　mechod: submission (1, get 2, post)

　　　　　　# The above two attributes must be present

　　<Form action = "" method = "">, # following input must have a name attribute! ! !

　　　　　　　　　　　　　　　　#type behind str: text represents plain text

　　　　　　　　　　　　　　　　　　　　 password: Password

　　　　　　　　　　　　　　　　　　　　 radio: Radio, radio box's name must be the same

　　　　　　　　　　　　　　　　　　　　　　　　There must be value, value = "xx" to collect different data

　　　　　　　　　　　　　　　　　　　　checkbox: multiple choice, checkboxes in the name must be the same

　　　　　　　　　　　　　　　　　　　　　　　　　　There must be value, value = "xx" to collect different data

　　　　　　　　　　　　　　: Select: drop-down form, without input, but the input in the sub-byte selec the option label content is drop-down options ### are both dual-label

用户名<input type= "text"，name = “xxxx”，value=“11233”>

　　　　#input single label, name, and value composition, name = "value", value is first displayed in a form which

　　　　密码：<input type= "pasword"，name = “xxxx”>

Yu-brother notes, unfinished

Guess you like