学习笔记
<!doctype html>//文档声明 <html> <head> <!--引入资源文件 --> <meta charset="UTF-8"> <title>基础</title> </head> <body> <p>段落</p> <!--图片--> <!-- 本地图片不要用绝对路径--> <!--同级目录下直接用图片名,相对路径 title 鼠标滑上时的提示 --> <img src="图片地址" alt="图片加载不出来时的提示" /> </body> </html>
列表
<!doctype html>//文档声明 <html> <head> <!--br /换行--> <br /> <!--引入资源文件 --> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!--无序列表--> <ul type="tishifu"> <li>列表项</li> </ul> <!--有序列表,type修改提示--> <ol> <li> 列表项 </li> </ol> <!--自定义列表--> <dl> <dt> 自定义的标题</dt> <dd>对自定义的描述</dd><!--可以多个,当嵌套关系时都可用自定义列表--> </dl> <!--表单--> <form action="输入框里的内容要提交的地址" method="提交的方式"> <!-- 表单元素--> <input type="text" name="后台提示" value="输入提示用时需要清空"placeholder="输入提示不需要清空" ><!--text文本输入框,password密码框button按钮sumbit提交到action里--> <input type="button" value=""> <input tyme=“sumbit”> <!--单选框 name值相同为一组--> <input type="radio"name=“ 后台提示” value="后台获取的值">提示 <!--name值相同,才能实现单选checked默认选中> <!--复选框 name值相同为一组--> <input type="checkbox"name =""value="" > <!--重置输入框--> <input type ="reset" value="按钮名字"> <!--文本域cols rows行高宽--> <textarea name=""></textarea> </form> </body> </html>
表格
<!doctype html>//文档声明 <html> <head> <!--引入资源文件 --> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="像素" cellsapcing="单元隔间的距离" cellpadding="元素与各间的距离"> <caption>表名</caption> <tr> <th>表头</th> </tr> <!--width宽 bgcolor背景色 align靠左或靠右> <tr> <!--行 rowspan合并,写td上--> <td><!--列,colspan合并=”2“2个格合并-->元素</td> </tr> </table> </body> </html>
布局
<!doctype html>//文档声明 <html> <head> <!--引入资源文件 --> <meta charset="UTF-8"> <title>布局</title> </head> <body> <!--元素 :标签加标签内容--> <!--布局标签--> <!--块级元素-->1 <div> </div> <p> <span>布局元素</span> </p> </body> </html>