Common HTML tags and css common properties

language extension is a text mark up HTML hyper .html

title: Title Tag
body: Content tab

h1 - h6: The title tag from h1 to h6 bold own descending pitch
p: paragraph tag
character entity:
& nbsp; space
& gt; larger than
& lt; less than
br: Wrap written specification <br />

div: block tags, and no semantic content represents a
span: notes row, row indicates the contents of
these two role when using styled

Inline elements, semantic tags
em: tone emphasize the word
i: Glossary
b: keyword or product name
strong: Indicates important content

Image tag
image tag: img
src attribute reference picture address
name attribute alt-defined picture

Link a label
href: link address
# link to the top of the page
title: hover prompt text box
target: Custom Link window open position
self: the original location
blank: a new window opens a browser window


a list of tags
ordered list <ol > <li> An ordered list </ li> </ ol>
generally used for sorting numbered
unordered list <ul> <li> unordered list </ li> </ ul>
general for public information interface
definition list
<dl >
<dt> definitions The term Title </ dt>
<dd> interpretation given to the term </ dd>
</ DL>

Table tag
table: table tags
border: border definition table
cellpadding: defined between the cells and the contents of the distance
between the cells and the cells defined distance: cellspacing
align = left: defined alignment left | Center | right
TR: Row Labels
th: Header cell
td: normal cells
align: alignment defined left | Center | right
valign: define the vertical alignment of the Top | Middle | bottom
colspan: merging cells horizontally disposed setting numerical values
rowspan: set cell values is arranged vertically merged

 

Note that
between p and p tag label wrap
does not wrap between div and div

You can nest another div tag it is best not nested

h1 tags for this title reptiles crawl
p tags for paragraphs

 

Form form
form attribute
action: address submitted
method: GET submission default


label: before the text input box content
for: the switching point to the user name is automatically set to the text box id = "xxx" in the input form

textarea: multi-line text input box

Drop-down text box
<SELECT>
<Option> drop down. 1 </ Option>
<Option> pull-down 2 </ Option>
</ SELECT>

 

<input ...>
property
type: type
text: text entry box
password: password input box
radio: radio button
checkbox: check box value to set their own
file: File
submit: submit value: text on the display
reset: reset button
image: the definition of the picture as a submit button src custom picture address does not recommend the use of
hidden: the definition of a hidden form field for storing a value areas such as storage time

name: selecting a radio button nickname can not select the second

 

After emergence html css css only to set the configuration defined style
introduced manner

Outreach formula:
<Link rel = "stylesheet" of the type = "text / CSS" href = "address">
.css style sheet file type address

embedded: Tips Home use
<style type = "text / css ">
specify style label {
style ..............
}
</ style>

Inserted into the embedded line :( not recommended)
<a href="www.baidu.com" style="样式"> Baidu </a>


css style attributes
font-size: 20px text size

color: color red

font-family: text font Microsoft yahei Microsoft elegant black

font-style: text is inclined
italic slant em will automatically tilt
normal not inclined

font-weight: bold text if h1 tag and other default bold
bold: bold
normal: not bold

line-height: Row Height

font: bold font attribute is a comprehensive line of high-font in accordance with the order

text-decoration: underline underline setting is underlined | none remove the underscore

text-indent: first line indent 2 characters is the font size * 2

text-align: alignment left | center | right

 

Guess you like

Origin www.cnblogs.com/fuyi2345/p/11391695.html