学习《html5.css3.0》网页布局和样式精粹(第二天)
第4章
4.1 段落和行
4.1.1 p元素
<p>這是第一段內(nèi)容</p> <p>這是第二段內(nèi)容</p>4.1.3 連字符
4.1.5 預(yù)格式化文本
4.2 標(biāo)記文章改變(ins元素和del元素)
春風(fēng)又<del>過</del><ins>綠</ins>江南岸可用屬性
cite=url
datetime=datetime
4.3 基本文字格式(i,b,small,s)
<p><i>斜體呈現(xiàn)</i><br/><b>粗體呈現(xiàn)</b><br/><b><i>斜體+粗體</i></b><br/><b><i><s>刪除線+斜體+粗體</s></i></b><br/></p>4.3.1 small元素(網(wǎng)頁底部的版權(quán)聲明、靠近logo)
4.3.2 s元素
4.4 水平分割線
4.5 語義化和結(jié)構(gòu)化的文本
4.5.1 em 強調(diào)
4.5.2 strong強烈的強調(diào)
4.5.3 sub(下標(biāo))和sup(上標(biāo))
<p><s>忽略</s><br/><em>強調(diào)</em><br/><strong>強烈的強調(diào)</strong><br/>你好<sub>下標(biāo)</sub><br/>你好<sup>上標(biāo)</sup><br/></p>4.5.4 注音顯示(ruby、rt、rp元素)
4.5.5 標(biāo)注(cite元素不用強調(diào)人名)
4.5.6 用于縮寫的短語元素(abbr)
4.5.7 用于定義術(shù)語的元素(dfn)
4.5.8 用于定義計算機代碼片段
<p>下面是一段JavaScript程序代碼<br/><code>var myText="嗨,這是JavaScript代碼!";document.write(myText);</code></p>4.5.9 其他短語元素(smap、kbd、var元素)
4.5.10 突出顯示文本(mark元素)
4.5.11 表示時間的元素(time)
第5章 建立列表
3種列表形式:有序列表,無序列表,解說列表
5.1.1 有序列表(ol元素)
5.1.2 無序列表(ul)
5.1.3 解說列表(dl,dt,dd)
<ol><li>列表1</li><li>列表2</li><li>列表3</li></ol></p><ul><li>無序1</li><li>無序2</li><li>無序3</li></ul></p><dl><dt>標(biāo)題1</dt><dd>標(biāo)題1.1</dd><dd>標(biāo)題1.2</dd><dd>標(biāo)題1.3</dd><dt>標(biāo)題2</dt><dd>標(biāo)題2.1</dd><dd>標(biāo)題2.2</dd><dd>標(biāo)題2.3</dd></dl>
5.1.4 嵌套列表
5.2 自定義有序列表
<p>定制有序列表中序號(type屬性)<br/><ol type="I"><li>有序1</li><li>有序2</li><li>有序3</li></ol>定制有序列表中列表項的起始數(shù)(start屬性)<br/><ol start="10"><li>有序1</li><li>有序2</li><li>有序3</li></ol>反轉(zhuǎn)序號值(reversed)<br/><ol reversed><li>有序1</li><li>有序2</li><li>有序3</li></ol>定制有序列表中列表項的數(shù)值(value屬性)<br/><ol ><li>有序1</li><li value="3">有序2</li><li>有序3</li></ol></p>?
?
轉(zhuǎn)載于:https://www.cnblogs.com/st-coordinate/p/3512088.html
總結(jié)
以上是生活随笔為你收集整理的学习《html5.css3.0》网页布局和样式精粹(第二天)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CentOS vsftpd 服务器安装配
- 下一篇: 【博客征文】畅谈百度轻应用初体验