冬季小学期 澄迈NIIT公司 web前端培训 第一天
2016-01-20 09:39
369 查看
第一天主讲HTML
<!DOCTYPE html> <html> <head> <title>title Web tutorials on HTML, CSS</title> <meta name="description" content="Web tutorials on HTML, CSS,javascript" /> <!-- 链接外部css文件 --> <link rel="stylesheet" href="xx.css" type="text/css"> </head> <body> <style type="text/css"> /*body {background-color: red}*/ /*css语法 :选择器{属性名1:属性值1;属性名2:属性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" 新窗口中打开</a> <a href="#" target="_blank">空连接</a> </td> </tr> <tr> <td> <div id="header"><h1>This is a h1 (使用div#id)</h1></div> </td> </tr> <tr> <td> <h2>This is a h2</h2> </td> </tr> <tr> <td> <p>This is a paragraph p</p> </td> </tr> <tr> <td> <img src="test.jpg">This is a image img</img> </td> </tr> <tr> <td> <ul> <li>无序列表ul</li> <li>Unordered list</li> <li>前面带点</li> <li>li list item 列表项</li> </ul> </td> </tr> <tr> <td> <ol> <li>有序列表ol</li> <li>Ordered list</li> <li>前面带序号</li> </ol> </td> </tr> <tr> <td> <dl> <dt>自定义列表dl</dt> <dd>Definition list</dd> <dt>定义标题dt Definition title</dt> <dd>定义描述dd Definition description</dd> </dl> </td> </tr> </table> <form> <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td> 文本text <input type="text" name="lastname" /></td> <td> 密码框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</td> <td><input type="radio" name="sex" value="male" /> 单选按钮 <br /> <input type="radio" name="sex" value="female" /> radio</td> </tr> <tr> <td><input type="checkbox" name="bike" />复选框 <br /> <input type="checkbox" name="car" /> checkbox</td> <td> <select> <option>check <option selected>下拉列表option <option>Cherries </select></td> </tr> <tr> <td><textarea >文本域textarea</textarea></td> <td><!-- this is comment -->注释comment</td> </tr> <tr> <td><label>标签label</label></td> <td><button>按钮button</button></td> </tr> </table> <table border="1" frame="box" cellspacing="10" cellpadding="5" > <caption style="background-color:green; color:red;">这里有个标题</caption> <tr> <td>单元格间距cellspacing</td> <td>设置为10</td> </tr> <tr> <td>单元格边距cellpadding</td> <td>设置为5</td> </tr> <tr> <td>边框选择frame</td> <td>box above below hsides vsides</td> </tr> <tr> <td colspan="2">colspan="2" 占用两列 rowspan="2"占用两行 </td> </tr> </table> </body> </html>
相关文章推荐
- jQueryRegLogin弹出可拖动的登录和注册
- JQuery日历插件My97DatePicker日期范围限制
- MVC Html.AntiForgeryToken() 防止CSRF攻击
- 如何在2016年成为一个更好的 Node.js 开发者
- html检查脚本
- css全局样式覆盖默认的样式
- HTML 5结构
- 在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
- script中js导入外部js文件
- mybaits+bootstrap的模糊查询实现
- 便捷的前端开发工具
- 便捷的前端开发工具
- js实现图片无缝滚动特效
- cookie、session、sessionid 与jsessionid
- moon session jsessionid cookie 重写URL post cookie
- C#导出HTML到PDF组件 Pechkin
- SPIE Example References
- react native 入门探索
- HDU Safecracker(第一次用了搜索去遍历超时,第二次用for循环可以了,思路一样的)
- coocsstudio使用经验,导出资源