第一課:HTML的格式標(biāo)簽

一直想學(xué)習(xí)網(wǎng)頁制作的知識,嘗試了幾次,都因為種種原因放棄了。其實看的書和查的資料也不少,都是斷斷續(xù)續(xù)的,不夠系統(tǒng),這次趁著過年放假早,從頭靜下心來學(xué)一下。

這篇其實是自己的學(xué)習(xí)筆記,在網(wǎng)易云課堂看的高洛峰老師的視頻教程(高老師的課程講的很實用,一些現(xiàn)在不太用的都精簡了。),分享出來,一是給和我一樣有需要的人,二是有個動力,這是第一篇,之后還會有后續(xù)...

如果有錯誤的地方,請留言告知,謝謝...

第一課 HTML的格式標(biāo)簽

1、換行標(biāo)簽

用于換行

<!-- 換行標(biāo)簽 -->
我沒有加換行標(biāo)簽
我沒有加換行標(biāo)簽
我沒有加換行標(biāo)簽
<br />
我加了換行標(biāo)簽<br />
我加了換行標(biāo)簽<br />
我加了換行標(biāo)簽<br />

復(fù)制以上代碼,點擊下方試一試!
試一試

2、段落標(biāo)簽

用于定義一個段落區(qū)塊,并在前后留出空白區(qū)域

這是一個段落標(biāo)簽。
<p>
這是一個段落標(biāo)簽,會定義一個區(qū)塊,并在前后創(chuàng)建一些空白。
</p>
這是一個段落標(biāo)簽。

復(fù)制以上代碼,點擊下方試一試!
試一試

3、局中標(biāo)簽

用于使文字局中顯示

我沒有居中
<center>我局中了</center>

復(fù)制以上代碼,點擊下方試一試!
試一試

4、預(yù)格式化標(biāo)簽

用于輸出文本默認排版格式,即有點類似所見即所得的效果

我沒有用   默認排版方式   輸出,
看看我原  來的空格和換  行都沒有了!
<pre>
    我用了   默認排版方式   輸出,
看看我原  來的空格和換  行都保留了!
</pre>

復(fù)制以上代碼,點擊下方試一試!
試一試

5、無序列表

用于創(chuàng)建無序列表

<ul>
    <li>無序列表1</li>
    <li>無序列表2</li>
    <li>無序列表3</li>
    <li>無序列表4</li>
</ul>

復(fù)制以上代碼,點擊下方試一試!
試一試

6、有順列表

用于創(chuàng)建有序列表

<ol>
    <li>有序列表1</li>
    <li>有序列表2</li>
    <li>有序列表3</li>
    <li>有序列表4</li>
</ol>

復(fù)制以上代碼,點擊下方試一試!
試一試

7、水平分割線

用于創(chuàng)建一條水平分割線

看看下方有一根線哦
<hr />
還可以定義線的長度
<hr width="80%" />

復(fù)制以上代碼,點擊下方試一試!
試一試

如果有錯誤的地方,請留言告知,謝謝...

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,169評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,637評論 19 139
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,531評論 1 41
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,423評論 4 61
  • 之前使用的 Alfred 在設(shè)置中就能選擇與 Dropbox 同步,而最近開始使用的 LaunchBar 在偏好設(shè)...
    _龘_閱讀 1,739評論 0 1

友情鏈接更多精彩內(nèi)容