摘要:本章主要学习了头部<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>
批改老师:天蓬老师批改时间:2018-11-07 20:44:23
老师总结:总结得非常到位,看得出你是一位非常认真的学习者.
html标签是我们学习web最基本的知识,学好它,将会对未来的学习打处坚实的基础