Home > Developer > Web Develop

qianfengday25-html Basic Learning: "The illusion of countless scenes of mortals"

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Tomcat: Server

Free

Main running b/S program

Catalogue Description:

Bin: Execute File

Lib: third-party jar packages

WebApps: Published Projects

Network Program Structure:

1, b/S

2. C/S

HTML: Hypertext Markup Language (hypertext Markup Language)

Hypertext: Contains audio, video, pictures, and other content

HTML is primarily used to make Web pages (descriptive information), suffix:. html or. htm

Syntax rules for HTML:

1. Case insensitive

2. Composed of fixed tags (no custom labels allowed)

3, the label has the beginning also has the end

4, the value of the property must be double quotation marks

5. tags allow nested use

Common Tags:

<title>: Title of the Web page

<body>: The body content of a Web page

<OL>: Ordered label properties: type: Set Number of types start: Set start number sub-label: <LI>: Describes each item in the list

<ul>: Unordered List Sub-tags: <li>: Describes each item in the list

<P>: Paragraph

<br/>: line break

Space

<strong>: Bold

<input>: User Interaction Tab

Common values for the Type property:

1. Text: TextBox

2, Password: Password box

3. Button: Buttons

4, Radio: Radio Box

5. CheckBox: check box

6. Submit: Button

7. Reset: Reset button

<table>: Table Properties: border: Setting border

<caption>: Title of the table

<tr>: Line

<TH>: Column name

<TD>: Column

Cross-line: rowspan

Cross-column: colspan

CSS: Cascading style sheets (cascading style Sheets)

The main design is the style effect of HTML5

How to use:

1, external style, written as CSS file

2, the internal page, mainly written in the head

3, inside the label, style

CSS syntax consists of:

Selector {property name: value;}

Categories of CSS Selectors:

1. Label signature

2. Class #类名

3, ID. ID value

Example:

P{color:blue;}

The color of the contents of the P label of the current page is blue

Learning <title> Forms </title>

<style type= "Text/css" >

#btnrs {

margin-left:40px;

}

</style>

<body>

<form align= "center" action= "method=" POST ">

<table>

<tr>

<td><lable> Username: </lable><input type= "text" name= "UName"/></td></tr>

<tr><td><lable> Password: </lable><input type= "password" name= "UPSW"/></td></tr >

<tr><td><lable> views: </lable><textarea rows= "5" ></textarea></td></tr >

<TR><TD align= "center" ><input type= "submit" value= "Login" ></input>

<input type= "reset" id= "Btnrs" value= "reset" ></input></td></tr>

</table>

</form>

</body>

<lable> Name: </lable><input type= "Text"/><br/>

<lable> Password: </lable><input type= "Password"/><br/>

<label> Please choose your gender:</label>

<input type= "Radio" name= "Sex" > Women </input>

<input type= "Radio" name= "Sex" > Men </input>

<input type= "Radio" name= "Sex" > Unknown </input><br/>

<label> Please choose your favorite TV:</label>

<input type= "checkbox" > Gourd baby </input>

<input type= "checkbox" > Black Cat Sheriff </input>

<input type= "checkbox" > Red sorghum </input>

<input type= "checkbox" > Mansion </input><br/>

<label> Please choose your hometown </label>

<select>

<option> Guangdong </option>

<option> Guangxi </option>

<option> Hunan </option>

<option> Hubei </option>

<option selected= "selected" > Henan </option>

<option> Shandong </option>

<option> Shanxi </option>

<option> Hebei </option>

</select>

<table id= "TB" align= "center" border= "2" >

<caption id= "Cap" >1606 Seating chart </caption>

<tr >

<th> first column </th>

<th> second column </th>

<th> third column </th>

<th> Fourth Column </th>

<th> Fifth Column </th>

</tr>

<tr class= "TR1" >

<td> Zhou Zhong Box </td>

<td> Zhou Zhong Box </td>

<td> Zhou Zhong Box </td>

<td> Zhou Zhong Box </td>

<td> Zhou Zhong Box </td>

</tr>

<tr class= "TR2" >

<td> Mariusvox Xu </td>

<td> Mariusvox Xu </td>

<td> Mariusvox Xu </td>

<td> Mariusvox Xu </td>

<td> Mariusvox Xu </td>

</tr>

<tr class= "TR3" >

<td> Chen Junyu </td>

<td> Chen Junyu </td>

<td> Chen Junyu </td>

<td> Chen Junyu </td>

<td> Chen Junyu </td>

</tr>

</table>

<table border= "1" >

<tr><th><th> name </th><th colspan= "2" >QQ No. </th></tr>

<TR><TD rowspan= "3" > Mythical characters </td></tr>

<tr><td> Chang ' e </td>

<td>11111111</td>

<td>22222222</td>

</tr>

<tr><td> Eight Commandments </td>

<td>66666666</td>

<td>88888888</td>

</tr>

</table>

<div >

<p> Goose, goose, goose ......</p>

<p> I am a little bird,<strong> fly more and more high </strong></p>

<input type= "Text" ></input><br/>

<input type= "text" id= "Txtname" ></input><br/>

<!--Password Box--

<input type= "Password" ></input>

<a href= "study1.html" class= "LJ" > See </a>

<p class= "Spread" >this is some text. This is some text.</p>

<!--a third form of style sheet, used inside the label--

<a style= "Text-decoration:blink;color: #00AD00;" href= "http://stu.1000phone.net" > It's a magical, come on click ......</a>

</div>

</p>

<br/>

<a href= "http://www.baidu.com" > Baidu </a>

<br/>

<a href= "study2.html" > Continue learning </a>

Next week

Servlet

HTTP protocol

XML parsing

JSON parsing

Regular + annotations + exams

qianfengday25-html Basic Learning: "The illusion of countless scenes of mortals"

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
basic function of seed example of learning by types of machine learning algorithms list of machine learning algorithms list of learning management systems types of learning management systems examples of machine learning projects

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More