abstract:本章主要学习了头部<head></head>内需要声明编码样式以及如何引入外部文件,以及字体的样式修改如何用font的单属性调节字体的大小,如font-size用来调节字体的大小,font-family选择字体(需要是系统中已有的字体),line-heiht调整文字的行高使文字位于每行的高中低,font-weight使文字加粗,<i>和<em>功能类
本章主要学习了头部<head></head>内需要声明编码样式以及如何引入外部文件,以及字体的样式修改如何用font的单属性调节
字体的大小,如font-size用来调节字体的大小,font-family选择字体(需要是系统中已有的字体),line-heiht调整
文字的行高使文字位于每行的高中低,font-weight使文字加粗,<i>和<em>功能类似使文字倾斜,而em又是段落内文字的单位,可以使
文章的首行进行缩进,1em等于1个文字距离。还学习到了<a>连接的用法以及作用,它可以给任何文字或者图片等设置一个超级链接,
可以指向任何地方,站内或站外连接,可以在当前页面内打开,也可以新建一个页面转跳。
在后面又学到了无序列表和有序列表。无序列表每个<li></li>的前面都会有一个原点,原点可以替换为图标或自定义原点的样式。
有序列表为每个<li></li>前面使用数字排序。
之后学习了form表单,表当分为get和post方式传输,get安全性差,有最大长度限制,提交时显示在浏览器的地址栏,而post安全性高没有长度显示,在地址栏不显示
通常用于密码等。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" /> <title>案例</title> <style> div{ display: inline-block; } .bodyer{ width:100%; height: 800px; } .left{ width:50%; text-align: center; } .left ul li{ list-style: none; } .right{ } </style> </head> <body> <div class="bodyer"> <div class="left"> <ul> <li>安全</li> <li>极速</li> <li>稳定</li> </ul> </div> <div class="right"> <form method="get" action="http://www.baidu.com/"> <table> <tr> <td> <input type="text" placeholder="请输入用户名"/> </td> </tr> <tr> <td> <input type="password" placeholder="请输入密码"/> </td> </tr> <tr> <td> <button>登陆</button> </td> </tr> </table> </form> </div> </div> </body> </html>
Correcting teacher:天蓬老师Correction time:2018-11-07 20:44:23
Teacher's summary:总结得非常到位,看得出你是一位非常认真的学习者.
html标签是我们学习web最基本的知识,学好它,将会对未来的学习打处坚实的基础