第二章的学习总结以及小案例

Original 2018-11-07 19:57:49 175
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最基本的知识,学好它,将会对未来的学习打处坚实的基础

Release Notes

Popular Entries