One, HTML
1html brief description
HTML (Hyper Text Markup Language), HTML is not a programming language, but a markup language
Hypertext: The page can contain special characters, pictures, music, video. . .
Tags: page showing the effect of the label to include them.
2, Web page display information:
Title tags: As from h1 to h6 <h1> </ h1> ~ <h6> </ h6>
Features: change the font size; wrap automatically.
Horizontal tags: <hr />
Attributes are:
color: color horizon
size: horizontal thickness
width: length of a horizontal line; expressed in two ways: pixel / percent
Font tags: <font>
color: Font Color
size: font size
Font formatting: Bold: b
Italic: i
Newline tag: <hr />
Space Tags: & nbsp;
Paragraph tag: <p>
align: on its way to center, left, right, top
2. Website Photo Gallery:
Image tag: <img />
src: Specifies the path to the image; a relative path, an absolute path.
alt: Specifies the picture does not exist instead of words.
width: specifies the width of the picture.
height: Specifies the height of the picture.
3. Site list shows:
List Tags: divided into orderly ol and disorderly ul
type
Sub-labels: li
Hyperlinks: <a>
href: Specifies the path to jump.
It is divided into: an outer web and an inner diameter of the web path.
The outer diameter of the network: for example, Baidu "http://www.baidu.com, Google,
The network diameter: their path e.g. Demo.html.
target: Specifies the jump page. Default _self This page jump
_blank to open a new page; _self jump on this page.
and the target frame may be used in conjunction with the name, to jump to a space where the name
4. The table shows the site
Tags: <table>
<Tr> tag line
<Th> column heading
<Td> tags column
<Option> table header
Attributes:
cellpadding: from text and borders
cellspacing: the distance between the cells
colspan: merging across columns
rowspan: cross-bank merger
bgcolor: background color
background: the background image.
The site shows the background page:
Frame Tag: <frameset> can not <body> coexist
Cutting rows: rows
Columns Cutting: cols
Subtag: <frame />
Properties: src introducing path to the page
name used in conjunction with a target tag
6. Form: <form>
Action: receiving user input data, and submit the data to the server.
form of two properties:
action: where to submit the form data.
method: submit, there is a good variety, being the first to speak two get and post
get and post difference:
1, submission is not the same
get: data in the address bar, post: data in the request body
2, different security
get exposed to the contents of the address bar relatively insecure, post relatively safe.
3, different amounts of data submitted
Get the amount of data submitted is limited
The amount of data submitted post is unlimited
input entry tag: a tag for obtaining user input information, a different value of the type attribute, may be different components, the most commonly used labels
Attribute: type: define the entry form input component type
name: component name. parameter name
value: Component defaults. Parameter Value user name,
Password, phone number .... we can be entered manually input box, value value is the value of our input
Radio button / box: value value can not be input is selected, it is necessary to set a value
checked: setting radio button, check box is selected by default as checked = "checked".
input-type attribute specification:
Property Value |
Explanation |
text |
Input field text box, a single line, the user can enter plain text. Defaults |
password |
Password box. Non-plaintext content |
radio
|
Single box.
You must then set the name attribute, and name attributes must same |
checkbox |
Check box. You must then set the name attribute, and name attributes must same |
submit |
Submit button. For controlling the form submission data .
|
reset
|
Reset button. It used to restore all form entries to the default state |
file
|
Accessory box. For file uploads. |
hidden
|
Hidden Field.
User id , product id |
button
|
Push button
Later in connection with JS , JQ using |
date |
Custom Date Field |
number |
Defined numeric field |
|
Definition of E mail address field |
Image |
Defined picture as a button Submit form data |
Color |
Eyedropper |
Entry tag: <select>
<Select> define a drop-down list, you may be selected from single or multiple.
select Properties:
name: component name. Submitted by the parameter name
multiple: Set this option to display all the labels, and can be submitted to multiple choice.
<Option> defines a drop-down list item is to select the sub-tab.
option attributes:
value: set parameter values required to be submitted. If you do not set the value, the default is the option of submitting content, if the value set value, the value is submitted
selected: Set a list selected by default
Form entry tag: <textarea>
Text field labels, enabling users to input and submit a large number of text data.
textarea attributes:
name: component name.
cols: number of characters of the text field column
rows: Set the number of lines of text fields.
7. span and div tags
HTML tag <span>
<span>行级的标签,用于在效果中 一行上定义一个块,进行内容显示。
① span有多少内容,就会占用多大空间。
②Span不会自动换行
HTML标签<div>
<div>块级的标签,用于在效果中 定义一块,默认占满一行,进行内容的显示
① 默认占满一行
② 会自动换行
总结:
感觉html主要就是记忆标签,无逻辑感。上面内容全是一些常用标签。共同努力!!!