Winter Primary period Chengmai NIIT company web front end training first day

Source: Internet
Author: User

The first day of the presenter HTML

<! DOCTYPE html>
<title>title Web Tutorials on HTML, css</title>
<meta name= "description" content= "Web tutorials on HTML, css,javascript"/>
<!--link external CSS files--
<link rel= "stylesheet" href= "Xx.css" type= "Text/css" >
<body>

<style type= "Text/css" >
/*body {background-color:red}*/
/*CSS Syntax: selector {property Name 1: Property value 1; property name 2: attribute 2;} */
p {margin-left:20px}
Div#header {background-color: #99bbbb;}
</style>

<table border= "1" >
<tr>
<td>
<a href= "http://www.w3school.com.cn" target= "_blank" >this is a link target= "_blank" opens in a new window </a>
<a href= "#" target= "_blank" > Null connection </a>
</td>
</tr>
<tr>
<td>
<div id= "Header" ></td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<p>this is a paragraph p</p>
</td>
</tr>
<tr>
<td>
this is a image img</img>
</td>
</tr>
<tr>
<td>
<ul>
<li> unordered list ul</li>
<li>unordered list</li>
<li> Front with points </li>
<li>li list Item Items </li>
</ul>
</td>
</tr>
<tr>
<td>
<ol>
<li> Sequential list ol</li>
<li>ordered list</li>
<li> front with serial number </li>
</ol>
</td>
</tr>
<tr>
<td>
<dl>
<dt> Custom List dl</dt>
<dd>definition list</dd>
<dt> definition title DT definition title</dt>
<dd> definition description DD definition description</dd>
</dl>
</td>
</tr>
</table>
<form>
<table border= "1" >
<tr>
<th>Heading</th>
<th>another heading</th>
</tr>
<tr>
<td> Texts Text
<input type= "text" name= "LastName"/></td>
<td> Password Box password
<input type= "Password" ></td>
</tr>
<tr>
<td><input type= "Submit" value= "Submit"/></td>
<td><input type= "reset" value= "reset" ></td>
</tr>
<tr>
<td><input type= "hidden" > Hidden fields hidden</td>
<td><input type= "Radio" name= "Sex" value= "male"/> radio button
<br/>
<input type= "Radio" name= "Sex" value= "female"/> radio</td>
</tr>
<tr>
<td><input type= "checkbox" name= "Bike"/> check box
<br/>
<input type= "checkbox" name= "Car"/>
Checkbox</td>
<td>
<select>
<option>check
<option selected> drop-down list option
<option>cherries
</select></td>
</tr>
<tr>
<td><textarea > Text field textarea</textarea></td>
<td><!--This is comment---note comment</td>
</tr>
<tr>
<td><label> label label</label></td>
<td><button> Button button</button></td>
</tr>
</table>
<table border= "1" frame= "box" cellspacing= "cellpadding=" 5 ">
<caption style= "Background-color:green; color:red; " > Here's a title </caption>
<tr>
<td> cell spacing cellspacing</td>
<td> set to 10</td>
</tr>
<tr>
<td> cell margin cellpadding</td>
<td> set to 5</td>
</tr>
<tr>
<td> Border Selection frame</td>
<td>box above below Hsides vsides</td>
</tr>
<tr>
&LT;TD colspan= "2" >colspan= "2" occupies two columns rowspan= "2" occupies two lines </td>
</tr>
</table>
</body>

Winter Primary period Chengmai NIIT company web front end training first day

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.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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