实训day1

今日学习

学习感受：今日学习了前端的相关知识，非常的简单。因为笔者有开发前端和后端的经验，所以觉得非常的简单。很多知识我都会。所以这里我只记录我忘记的或者我觉得重要的知识点。

学习困惑：无

学习收获

课上所学

响应状态码 Status

• 200 成功
• 403 拒绝 如果你的访问请求被WAF拦截，会返回这个状态码
• 404 没找到网站文件
• 500 服务器内部错误

后端常用的状态码

HTML

标题

h1-h6

标题都是加粗的，数字越大，字体越小，数字最大为6

标题标签在SEO搜索引擎中权重比较大-这一点我还不知道

段落

a、段落标记

<p></p>

b、水平线

<hr />

c、换行--重点记

<br/>

pre标签

预排版标签：

--后期会经常用 通过此标签可以对输出内容进行标准化排版

表格的边框

<table border="1px" cellspacing="10px" cellpadding="10px">
单元格间距（cellspacing）：单元格和单元格距离，默认是2像素
单元格填充（cellpadding）：单元格和内容的距离，默认是1像素

1.3 表格的对齐方式

表格的整体水平对齐

<table border="1px" cellspacing="10px" cellpadding="10px" align="center">

表格中内容的水平居中

 <tr align="center">

1. 4 表格的宽度与高度

<table border="1px" cellspacing="10px" cellpadding="10px" align="center"
width="400px" height="300px">
表格的宽度与高度的调节，同样适用于tr/td

文件上传

头像：<input type="file" name="myimg" multiple><br />
<!--默认情况下,文件上传只能同时传一个文件，如果需要进行多文件上传，则需要配置Multiple属性
1) method='POST'
表单上传的方法有两种，一种是GET，一种是POST，在提交用户的登录信息时，推荐使用POST方
法，原因是GET方法会将用户提交的参数直接显示在URL中，会直接暴露用户的隐私，并且URL中的参数
信息会被浏览器所缓存，这就变得更加不安全，GET方法提交数据的大小是有限制的，传不了大文件。
2) 表单中写 enctype='multipart/form-data' 当传递文件时，需要配置此属性
<form action="" method="post" enctype="multipart/form-data">
-->

CSS

1.1 块元素

特点： 宽度默认为100%，高度默认为0，可以设置宽高，并且会继承父级元素的宽度。 块元素会独占一行。 块元素有哪些：div ul li p h

1.2 行元素

特点： 宽高默认都为0，并且不能对其设置宽高,那它的宽高是由行元素内的内容来支撑的 不会独占一行 行元素有哪些：span b i u a

总结

今日学习的太简单，网安的训练不必要花太多的时间教CSS的样式。知道标签的作用和会简单的写js就行