标记信件
寫信是每個(gè)人的必備技能,它也是測驗(yàn)文本格式化技能的一個(gè)不錯(cuò)的辦法呀! 本次測驗(yàn)要求你為你一封寫好的信做出標(biāo)記,以測驗(yàn)?zāi)慊A(chǔ)和高級(jí)的 HTML 文本格式化技能,包括超鏈接等等。此外將測驗(yàn)?zāi)銓?duì)一些 HTML 內(nèi)容的熟悉程度。
預(yù)備知識(shí):
閱讀并掌握以下文章的內(nèi)容:開始學(xué)習(xí) HTML 、“頭”里有什么?HTML 元信息、HTML 文字處理初步、創(chuàng)建超鏈接 和 高級(jí)文字格式。
學(xué)習(xí)目標(biāo):
測驗(yàn)對(duì) HTML 文本格式和超鏈接基本和高級(jí)用法、HTML 內(nèi)容的理解程度。
起點(diǎn)
開始測驗(yàn)之前,請(qǐng)先下載信件的起始文本和CSS代碼。然后用文本編輯器(用 JSBin 或 himble 等在線編輯工具亦可)創(chuàng)建一個(gè)新的 .html 文件來進(jìn)行測驗(yàn)。
項(xiàng)目概要
本項(xiàng)目中,你的任務(wù)為一封大學(xué)內(nèi)網(wǎng)信件進(jìn)行標(biāo)記,這封信是研究人員對(duì)一名學(xué)生有關(guān)申請(qǐng)博士學(xué)位問題的回復(fù)。
塊/結(jié)構(gòu)語義:
你應(yīng)該使用適當(dāng)?shù)慕Y(jié)構(gòu)來構(gòu)造整體文檔,包括doctype、 、 和元素。
除下面提到的幾點(diǎn)之外,這封信應(yīng)該被標(biāo)記成有著段落和標(biāo)題的結(jié)構(gòu)。 這封信有 1 個(gè)頂級(jí)標(biāo)題(“回復(fù):”那行)和 3 個(gè)二級(jí)標(biāo)題。
使用適當(dāng)類型的列表標(biāo)記該學(xué)期的開學(xué)時(shí)間、學(xué)習(xí)科目和異域舞蹈。
兩個(gè)地址應(yīng)該放在
內(nèi)聯(lián)語義:
應(yīng)著重顯示發(fā)信人和收信人的姓名(以及“電話”和“電子郵件”字樣)。
用適當(dāng)?shù)脑匕盐臋n中的四個(gè)日期標(biāo)記成機(jī)器可讀的日期。
為信中第一個(gè)地址和第一個(gè)日期設(shè)置一個(gè)類屬性“sender-column”,這樣就能通過添加CSS 來使它們右對(duì)齊,以符合經(jīng)典信件的布局。
信件正文中有 2 個(gè)首字母縮略詞/縮寫詞,標(biāo)記出它們的擴(kuò)展形式。
正確標(biāo)注 6 個(gè)下標(biāo)/上標(biāo)(位于化學(xué)方程式、科學(xué)計(jì)數(shù)法中)。
試著標(biāo)記至少對(duì)兩個(gè)單詞進(jìn)行著重()/ 強(qiáng)調(diào)()顯示。
有兩個(gè)地方應(yīng)加上超鏈接,要為它們添加適當(dāng)?shù)臉?biāo)題。鏈接指向 https://example.com/ 即可。
用適當(dāng)?shù)脑貥?biāo)記校訓(xùn)和引文。
文檔的頭部:
用適當(dāng)?shù)脑獦?biāo)簽把文檔的字符集聲明為 utf-8。
用適當(dāng)?shù)脑獦?biāo)簽說明信件的作者。
用適當(dāng)?shù)臉?biāo)簽引入我們提供的 CSS 代碼。
提示和技巧
使用 W3C HTML驗(yàn)證器 來驗(yàn)證 HTML,驗(yàn)證通過有額外加分。
完成這個(gè)測驗(yàn)不需要任何 CSS 知識(shí),只需把現(xiàn)成的 CSS 放到 HTML 元素里就好。
總結(jié)
- 上一篇: 东方通信攻略
- 下一篇: 大彩串口屏之LUA使用1