一个初学者的辛酸路程-前端知识
<!DOCTYPE html>
-
<html lang="en">
-
<!-- 类似html这种格式,标签,叫做html标签 -->
-
<body> <a href="http://www.cn.bing.com";>必应</a> </body>
-
<meta charset="UTF-8">
-
<meta http-equiv="refresh" content="3" >
-
<meta http-equiv="refresh" content="3;Url=http://www.cn.bing.com" >
-
<meta name="keywords" content="星际2,测试"
-
<meta name="description" content="汽车之家提供权威报价">
-
<meta http-equiv="x-ua-compatible" content="IE=IE9;IE=IE8;">
-
<link rel="shortcut icon" href="image/favicon.ico">
-
<a href="http://www.cn.bing.com">必 应</a>
-
<a href="http://www.cn.bing.com">必><应</a>
-
<p>段落段落段落段落段落<br />段落段落段落段落段落段落段落</p> <p>段落</p> <p>段落</p>
-
<h1>发财</h1> <h2>发财</h2> <h6>发财</h6>
-
<span>hello</span> <span>hello</span> <span>hello</span>
-
<div>1</div> <div>2</div> <div>3</div>
-
<div id="i1" style="position: fixed;bottom: 0;right: 0;">我要找它</div>
-
<form action="http://www.baidu.com"> <input type="text" name="user" /> <input type="password" name="pwd" /> <input type="button" value="登录1"/> <input type="submit" value="登录2"/> </form>
-
<form action="https://www.cn.bing.com" > <input type="text" name="query" /> <input type="submit" value="搜索" /> </form>
-
<form> <div> <p>请选择性别:</p> 男:<input type="radio" name="gender" value="1" /> 女:<input type="radio" name="gender" value="2" /> 中:<input type="radio" name="gender" value="3" /> <input type="submit" value="提交" /> </div> </form>
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form enctype="multipart/form-data "> <div> <p>请选择性别:</p> 男:<input type="radio" name="gender" value="1" checked="checked" /> 女:<input type="radio" name="gender" value="2" checked="checked" /> 中:<input type="radio" name="gender" value="3" /> <p>爱好</p> 篮球:<input type="checkbox" name="favor" value="1" checked="checked" /> 足球:<input type="checkbox" name="favor" value="2" /> 台球:<input type="checkbox" name="favor" value="3" /> 网球:<input type="checkbox" name="favor" value="4" /> <p>技能</p> 干活:<input type="checkbox" name="skill" value="1"/> 搞事情:<input type="checkbox" name="skill" value="2" /> <p>上传文件</p> <input type="file" name="fname" /> <input type="reset" value="重置" /> </div> <input type="submit" value="提交" /> </form> </body> </html>
-
<textarea name="meno" >sdfdd</textarea>
-
<select name="city" size="10"> <option value="1">北京</option> <option value="2" selected="selected" >上海</option> <option value="3">仙桃</option> </select>
-
<select name="city" size="10" multiple="multiple"> <option value="1">北京</option> <option value="2" selected="selected">上海</option> <option value="3">仙桃</option> </select>
-
<a href="http://www.cn.bing.com" target="_blank">必应</a>
-
<a href="#i1">第一章</a> <a href="#i2">第二章</a> <div id="i1" style="height: 600px;">第一章内容</div> <div id="i2" style="height: 600px;">第二章内容</div>
-
<a href="http://www.cn.bing.com"> <img src="1.jp" title="大美女" style="height: 200px;width: 200px;" alt="美女"> </a>
-
<ul> <li>adf</li> <li>adf</li> <li>adf</li> </ul> <ol> <li>df</li> <li>df</li> <li>df</li> </ol> <dl> <dt>123</dt> <dd>ttt</dd> <dd>ttt</dd> <dd>ttt</dd> </dl>
-
<table border="1"> <tr> <td>主机名</td> <td>端口</td> <td>操作</td> </tr> <tr> <td>1.1.1.1</td> <td>80</td> <td> <a href="s2.html">查看详细</a> <a href="#">修改</a> </td> </tr> </table>
-
<table border="1"> <thead> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> <th>表头4</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>3</td> <td>3</td> <td>3</td> <td>3</td> </tr> </tbody> </table>
-
<tbody> <tr> <td rowspan="2">1</td> <td colspan="2">2</td> <td>4</td> </tr> <tr> <td>3</td> <td>3</td> <td>3</td> </tr> </tbody>
-
<body> <label for="username">用户名:</label> <input id="username" type="text" name="user" /> </body>
-
<fieldset> <legend>登录</legend> <label for="username" >用户名:</label> <input id="username" type="text" name="user" /> <br/> <label for="pwd" >密码</label> <input id="pwd" type="password" name="pwd" /> </fieldset>
-
<divstyle="height: 48px;">1</div>
-
<head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ height:48px; } </style> </head>
-
<body> <div id="i1">1</div>
-
.c1{ height: 10px; }
-
<span class="c1">dfdf2</span>
-
div{ color: white; } </style> </head> <body> <div class="c1">1</div> <span class="c1">dfdf2</span> <div class="c1">3</div> </body>
-
span div{ color: white; }
-
<span class="c1">dfdf2 <div class="c2">sdafs</div> </span>
-
.c1 div{ color: white; }
-
.i1,.i2,.i3{ color: white; } 下面的body <div class="i1">1</div> <div class="i2">21</div> <div class="i3">13</div>
-
.c1[n="jixuege"]{width:100px; height:200px;} body里面的写法 <input class="c1" type="text" n="jixuege"> <input class="c1" type="password" >
-
<head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ color: white; } .c2{ /**/ /*color: white;*/ font-size: 58px; color: black; } </style> </head> <body> <div class="c1 c2" style="color: pink;" >fsdfsadf</div> </body>
-
<head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/commons.css" </head> <body> <!--<div class="c1 c2" style="color: pink;" >fsdfsadf</div>--> <div class="c1 c2" >fsdfsadf</div> </body>
-
.c1{ color: white; } .c2{ font-size: 58px; color: black; }
-
<div style="border: 1px solid red;" > sdfsdf </div>
-
<div style="height: 48px;width: 80%; border: 1px solid red;" > sdfsdf </div>
-
<div style="width: 20%;float: left;">1</div> <div style="width: 60%;">1</div>
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ height: 38px; line-height:38px; } </style> </head> <body style="margin: 0;"> <div class="pg-header"> <div style="float: left;" >收藏本站</div> <div style="float: right;" > <a>登录</a> <a>注册</a> <a>我的订单</a> <a>VIP会员俱乐部</a> <a>客户服务</a> <a>关注</a> <a>手机版</a> </div> </div> <div style="width: 300px;border: 1px solid red;"> <div style="width: 96px;height: 30px;border: 1px solid greenyellow;float: left;"></div> <div style="width: 96px;height: 30px;border: 1px solid greenyellow;float: left;"></div> <div style="width: 96px;height: 30px;border: 1px solid greenyellow;float: left;"></div> <div style="width: 96px;height: 30px;border: 1px solid greenyellow;float: left;"></div> <div style="width: 96px;height: 30px;border: 1px solid greenyellow;float: left;"></div> <div style="clear: both;"></div> </div> </body> </html>
-
<div style="display: inline;">asd</div> <span style="display: block;">asd</span>
-
<span style="display: inline-block; height: 50px;">alex</span>
<body style="margin: 0" >
你现在所遭遇的每一个不幸,都来自一个不肯努力的曾经