HTML is a Web-authoring language. In fact, HTML and Java and other languages, almost all have their own language expression, is through the formation of tags. The label has a single label and double label two, it is relatively easy to understand, purely memory, the main reason is to use, where, in order to show a more beautiful page.
1. HTML Basic mode
2. Common HTML tagsOutline level title Label
Paragraph labels <p></p>
Character Tags: bold <b></b> italic <i></i> underline <u></u> Upper label <sup></sup> Lower label <sub ></sub> Delete Lines <del></del>
Image label (src is the location of the picture, Alt is the text displayed on the picture by the mouse, there are other properties, such as: wide and high-detailed-----> Web production Complete manual)
Hyperlink tag <a href= "*.html" ></a>,href you can enter the URL directly. When you want to link to a specific location on this page, you want to write that location as an example: <a name= "C8" ></a> then at the settings link: <a href= "#c8" ></a> (bookmark)(key)
Metadata label <meta/>: Describes the attributes of an HTML page document, such as author, period and time, page descriptions, keywords, page refreshes, and so on. should appear in<HEAD><TITLE>CSDN-Developer's online home </title><meta name= "keywords" content= "CSDN, developer, programmer, technical community,. NET technology, software development, programming, blogging, Developer,programmer "/><meta name=" description "content=" CSDN is a high quality network media and community for software developers, CSDN ... "/ >Horizontal Divider Labels
Note: 1, to enter a space in the Web page, if you press SPACEBAR directly, regardless of how many will only show one, to use 2. Paragraph label <p></p> will result in a line between the paragraphs, and a newline label <br/> will not
Ii. Forms and lists(Focus)1. Table Label
You can also add a table title tag <caption></caption>
2. Cell Merging<tr></tr>, <td></td> colspan, rowspan attributes control the number of merged rows and combinations, and also the align (horizontal position) and valign (vertical position) To control the position of the contents of the table (placed in the label <td></td>)
<table border= "1" width= "250px" ><tr><td rowspan= "2" valign= "top" > Cell </td><td align= " Center > Cell </TD><TD align= "right" > Cell </td></tr><tr><td colspan= "2" > Cell </td></tr></table>3. List
There is a sequence table <ol></ol> and then a list item is created through <li></li>, and no sequence table <ul></ul>. Popular understanding in order is to automatically generate a serial number in front of each column 1234 ... And disorder is the point
4. Special characters and annotations
Spaces
Greater than sign >
Less than sign <
Double quotes "
and symbols &
Copyright Symbols ©
Registered trademarks ®
HTML comment <!--comment Content--5. Inserting multimedia into an HTML document
Insert background music: <bgsound src= "Music/xxx.mp3" loop= "1"/>
Insert flash:<embed align= "center" height= "width=" src= "flash/fish.swf"/>
Insert Video: <embed align= "center" height= "width=" src= "video/xxx.asx"/>
third, form and table cell element1, Form <form></form>: A container for creating forms that are used for a set of form data that is not visible in a Web page. Personal understanding: It is important to see that you do not need to submit and reset a piece of data (now may not understand, continue to know), need to use the form, that is, a certain part of the page of the data as a whole, the need to reset the data and transfer information. (Note: form should not be written in from OH)
2. Form elements
text box, Password box, radio button, check box, file field, hidden field, submit button, reset button, custom command button, image button, multiline text field, list box (drop-down box)
Each element has its own properties, which can be found in the manual.
The framework and framework of the general Web page are composed of a number of frames, but from the effect appears to have a form. Popular is to say that a Web page into multiple modules, that is, a number of pages, such as the upper and lower left and right, so as to avoid the hassle of switching between multiple pages. Mailbox is a good example, point to the left, you can display the relevant content on the right.1, the nesting of the framework can be multiple splitResults:
2, through the hyperlink to achieve the framework between the jump first set the property Name= "a" in the frame, and then set the Target= "a" property through the hyperlink to implement the link also is to set the default jump target by <base/> tag, That is, the link that does not set the target property is the default link <base/> the target of the tag. (Note: This tag is placed in 1. Selector (that is, how to set the style) A, HTML selector: Use the name of the HTML tag as the selector<style type= "Text/css" >H1{TEXT-ALIGN:CENTER;FONT-SIZE:18PT;} input{border:1px solid gray;background-color: #fedcba; color:blue;} A{text-decoration:none;} </style>
B. class selector: Classify multiple labels that should share the same appearance as one category<style type= "Text/css" >.txt{border:1px dashed gray;background-color: #fedcba; color:blue;height:20px;}. btn{border:1px solid blue;background-color: #cccccc; color:red;font-weight:bold;} </style>
c/, ID selector: Customizing the appearance for a page-specific label
2. Common CSS style properties background, border, text, font ... Oh, wait. Vi. simple operation of the database 1, Database building table
The CREATE TABLE indicates (
Field name data type,
Field name data type,
.......
Field name data type,
Field name data type
)
Explain:
Field Name: Write it casually
Data type:
varchar character
varchar (20) indicates a variable string that stores up to 20 characters
Char (10) represents a fixed string with a fixed 10-size character
int shaping
float Float Type
CREATE TABLE Student (
Sid Int,
sname varchar (50),
Sage Int,
Ssex char (2),
Score int,
Address varchar (200)
)
2. New data
Insert into table name values (value, value,... Values)//Insert data into table name (column name, column name,... for each column value in the table Column name) VALUES (value, value,... value);//Insert Data Interpretation value for specified column in table: numeric type direct write, character type single quotation mark
INSERT into student values (1, ' Zhang San ', 20, ' Male ', 90, ' Wuyi Road ');
INSERT into student (Sid,sname,ssex) VALUES (2, ' Harry ', ' female ');
2. Modification
Update table name set column name = new value, column name = new value ... Column name = new value;//modify all data in the table
Update table name set column name = new value, column name = new value ... Column name = new value where condition;
Example:
Update student set sage=25,address= ' Furong Road ' where sid=2
3. Delete
Delete table name;//Remove all data from the table
Delete table name where condition;//delete data for specified condition
Example:
Delete student where sid=2;
4. Enquiry
SELECT * from table name;//query all data in table
SELECT * FROM table name where condition;//query table for specified condition data
Select column name, column name: Column name from table name;//Query the data for the specified column in the table
Seven, the database chain to meet their own to do a small pageDownload link
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
10-day Training (Java web)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
