學習前端的第七天
不知不覺，學習前端已經一個星期了，每天一點點，算是堅持下來，html第一遍看完，學習了簡單的標簽，為下一步學習html5，xhtml，css做好準備和鋪墊，完成第一個小項目（或許談不上）第一個小任務，僅用html和css寫一個在線的簡歷。這是一周概況。
下面是每天的記錄。
七地點老食堂
10.28：15：23。首先是閱讀昨天所提到的《顧軼靈的如何理解 Web 語義化？》“最後強調一下，語義化真的不是為了我們人類。語義化是我們人類博愛的體現，我們也要照顧一下可憐的機器人，理解我們人類在說什麽，這樣它就可以更好地為我們服務。”
開始編寫簡歷。我感覺似乎不難，沒有超鏈接，沒有附圖片，沒有別致的要求。15：39——16：28共計45分鐘——
、
代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<h1 style="text-align: center;color:black">簡歷</h1>
<hr/>
<div>
<p><b>姓名：</b>Jaden1597</p>
<p><b>手機：</b>187xxxx8265</p>
<p><b>郵箱：</b>[email protected]</p>
<p><b>學校：</b>燕京大學</p>
</div>
<pre>
</pre>
<div>
<h2>項目經驗</h2>
<ul>
<li><b>項目A：</b></li>
<pre>項目名稱：xxxxx
起止時間：xxxxx
所用技能：xxxxx</pre>
<li><b>項目B：</b></li>
<pre>項目名稱：xxxxx
起止時間：xxxxx
所用技能：xxxxx</pre>
<li><b>項目C：</b></li>
<pre>項目名稱：xxxxx
起止時間：xxxxx
所用技能：xxxxx</pre>
</ul>
</div>
</body>
</html>
學長給出建議，幫忙修改了這第一份簡歷，增加了簡單的css樣式：代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<style>
.li-style {
list-style: none;
}
.li-title {
line-height: 3em;
}
</style>
</head>
<body>
<h1 style="text-align: center;color:black">簡歷</h1>
<hr/>
<div>
<p><b>姓名：</b>Jaden1597</p>
<p><b>手機：</b>187xxxx8265</p>
<p><b>郵箱：</b>[email protected]</p>
<p><b>學校：</b>燕京大學</p>
</div>
<div>
<h2>項目經驗</h2>
<ul>
<li>
<span class="li-title"><b>項目A：</b></span>
<li class="li-style">項目名稱：xxxxx</li>
<li class="li-style">起止時間：xxxxx</li>
<li class="li-style">所用技能：xxxxx</li>
</li>
<li>
<span class="li-title"><b>項目B：</b></span>
<li class="li-style">項目名稱：xxxxx</li>
<li class="li-style">起止時間：xxxxx</li>
<li class="li-style">所用技能：xxxxx</li>
</li>
<li>
<span class="li-title"><b>項目C：</b></span>
<li class="li-style">項目名稱：xxxxx</li>
<li class="li-style">起止時間：xxxxx</li>
<li class="li-style">所用技能：xxxxx</li>
</li>
</ul>
</div>
</body>
</html>效果如圖：
但那是學長的東西，關於樣式，我還是沒能很好掌握。
第一個小任務簡單完成，下面可能要開始學習xhtml之後學習css。把簡歷的代碼提交到codepen，真的很有趣了。
17：02 完成。學習共99分鐘。
學習前端的第七天