2020.11.25：
已经学习前端一周了。
学习前端也是受同学的影响，此前是对前端茫然不知，是我同学让我认识了前端这个方向。我专科学的是电子方向。就业方向很窄，无非就是当个研究员或继续攻读学位在大学当个老师。因而专科毕业没有一点技术很难发展下去。我大学同学提早的就为自己寻找出路了，大三自学了前端，然而人家已经很早就找到了工作。我学习前端就是为了能够找到一个比较好的工作。是不是说的太现实了，没办法社会逼的。
这周我主要学习了HTML的知识，学习了html的历史，还有一些开发软件，并且找了一些html的一些资料。并且根据学习视频尝试写了一些代码。
<marquee behavior="slide" direction="right" loop="3">111111</marquee>
<marquee width="200" height="200" bgcolor="red" behavior="slide" direction="down" loop="3">111111</marquee>
<a target="_blank">新窗口打开</a>
<a target="_self">自身窗口显示</a>
<a target="_top">上级窗口显示</a>
<a target="_parent">父级窗口显示</a>
<ul type="square">
<li>1235</li>
<li>12345</li>
<li>123</li>
<li>123</li>
</ul>
<ol type="a">
<li>123456</li>
<li>123456</li>
<li>123456</li>
<li>123456</li>
</ol>
<dl>
<dt>列表标题</dt>
<dd>列表标题</dd>
<dd>列表标题</dd>
<dd>列表标题</dd>
<dd>列表标题</dd>
<dt>列表标题</dt>
<dd>列表标题</dd>
<dd>列表标题</dd>
<dd>列表标题</dd>
<dd>列表标题</dd>
</dl>
<!--cellpading 表示单元格与文字之间的距离
colspan 列合并
rowspan 行合并-->
<!--一起使用
<thead></thead> 用来进行行分组
<tboday></tboday>
<tfoot></tfoot>-->
<h1>表格</h1>
<table border="1" width="200"height="200" cellspacing="0" align="center">
<caption>表格标题</caption> <!--也可以使用h1-h6标签-->
<tr>
<th>123</th> <!--代表表头，自动加粗-->
<th>123</th>
<th>123</th>
</tr>
<tr align="center">
<td>456</td>
<td colspan="2">456</td>
</tr>
<tr align="right">
<td rowspan="2">456</td>
<td rowspan="2" colspan="2">456</td>
</tr>
<tr align="left">
</tr>
</table>
<form action="">
<fieldset>
<legend>用户注册表</legend>
用户名： <input type="text" disabled="disabled" value="请输入" maxlength="6"><br>
<!--disabled="disabled"不往服务器提交 不可操作状态 禁用-->
<input type="text" readonly="readonly" placeholder="请输入" maxlength="6"><br>
<!-- readonly="readonly" 只读模式 往服务器提交-->
密码： <input type="password"><br>
提交按钮： <input type="submit" value="提交"><br>
登录按钮： <input type="button" value="登录"><br>
<button>自定义按钮</button><br>
搜索： <input type="search" placeholder="请搜索"><br>
上传文件： <input type="flie"><br>
重置按钮： <input type="reset" value="重置按钮"><br>
单选<br>
<input type="radio" name="sex">男
<input type="radio" name="sex">女<br>
单选<br>
<!-- 单选 点击文字 选中按钮for="man" id="man"
单选默认选中 checked-->
<label for="man">男</label>
<input id="man" type="radio" name="sex">
<label for="woman">女</label>
<input id="woman" type="radio" name="sex"><br>
多选<br>
<!--多选默认选中 checked-->
<input type="checkbox">吃饭
<input checked="checked" type="checkbox">睡觉
<input checked="checked" type="checkbox">打豆豆
<input type="checkbox">同桌叫豆豆 <br>
<select name="" id="">
<option >北京</option>
<option >上海</option>
<option selected="selected">天津</option>
<option >重庆</option>
</select>
<select name="" id="">
<optgroup id="北京">
<option >北京的地区</option>
<option >北京的地区</option>
<option >北京的地区</option>
<option >北京的地区</option>
</optgroup>
<optgroup id="上海">
<option >上海地区</option>
<option >上海地区</option>
<option >上海地区</option>
<option >上海地区</option>
</optgroup>
<optgroup 天津>
<option >天津地区</option>
<option >天津地区</option>
<option >天津地区</option>
<option >天津地区</option>
</optgroup>
<optgroup 重庆>
<option >重庆地区</option>
<option >重庆地区</option>
<option >重庆地区</option>
<option >重庆地区</option>
</optgroup>
</select>
<select name="" id="" multiple="multiple">
<option >北京</option>
<option >上海</option>
<option >天津</option>
<option >重庆</option>
</select>
</fieldset>
</form>
</body>
</html>
大神们看了我的代码是不是很基础？没事我会努力的，因为我还没有放弃。什么时候我不更新了，可能说明我真的放弃了。。。。。。
2020年12月1日，
这周我主要攻克了css的部分知识，感觉快学完了，但知识不是很扎实，需要继续巩固。css属于样式层叠表，给网页添加样式的，因而需要学习的零碎知识很多，真的学的很辛苦。
不说了加些代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.div1{
width: 100%;
height: 490px;
background-color: pink;
padding-top: 112px;
}
.list{
width: 297px;
height: 315px;
float: left;
margin-right: 10px;
margin-left: 10px;
position: relative;
}
.list1{
width: 100px;
height: 100px;
position: absolute;
}
嗯嗯，看起来挺简单，但对于刚学习的我还是很困难的。。。。不会运用选择器，不知道各个选择器的优先级，导致写了好多代码都没有效果。先说这些，我去敲代码去了。。。。
2020年12月10日：
这周注定很不平凡，因为这周听得课少了，主要是自己的实战，做了好多产品的官方静态页面。
比如学成在线 oppo手机页面 传智播客网站 品优购
下周开始学习移动端的页面布局了 已经在预习的途中 感觉好像比pc端的结构要简单些 学完之后就要学习js了
不管了 继续加油 冲冲冲
下周就要开始接触js了，加油！ |
|
收藏
淘帖
踩
