适合0基础的web开发系列教程-换行和水平线
生活随笔
收集整理的這篇文章主要介紹了
适合0基础的web开发系列教程-换行和水平线
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
最近忙于期末考試命題,很久沒有更新隨筆了。
今天給大家總結的是換行和水平線
<br/> 可插入一個簡單的換行符。
<hr/> 水平分隔線(horizontal rule)可以在視覺上將文檔分隔成各個部分。
?br和hr都雙是單標簽,不是成對出現的。
?
?
于是我們寫下了這樣的網頁代碼:
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title></head><body>夜雨寄北作者:李商隱君問歸期未有期,巴山夜雨漲秋池。何當共剪西窗燭,卻話巴山夜雨時。</body> </html>顯示效果卻是這樣:
?
全部排在了一行。
所以我們就需要對網頁內容進行換行。我們使用的標簽是<br/>
于是我們代碼寫成了這樣:
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title></head><body>夜雨寄北<br/>作者:李商隱<br/>君問歸期未有期,巴山夜雨漲秋池。<br/>何當共剪西窗燭,卻話巴山夜雨時。<br/></body> </html>顯示效果如下:
?
?
我們在發布文章的時候,需要在視覺上將文章分成幾個模塊。例如我們要實現下面的效果:
?
?
我們就可以在代碼中加入hr標簽:
?
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body>夜鷹教程網JavaScript視頻教程錄制完畢<hr/>夜鷹教程網 來源:www.yyjcw.com 日期:2018/1/13 12:52:30<br/>JavaScript是世界上最流行的腳本語言。在Web世界里,只有JavaScript能跨平臺、跨瀏覽器驅動網頁,與用戶交互。如果你打算做web開發,不管是前端還是后端,javascript都是你必須掌握的技術。本套教程主要講解了javascript語法基礎(變量、數據類型、運算符、流程控制、數組、函數等),javascript BOM和Dom操作、網頁中常見的javascript特效案例(下拉菜單、頁簽、倒計時、loding、隨機驗證碼、數學函數、定時器、延遲執行、表單驗證、拖拽原理、對聯廣告、網頁換膚、表格隔行換色、高亮顯示、騰訊新聞、發票打印等)。我們精心設計加入的案例功能豐富,內容循序漸進。由于本套教程內容較多、專門為初學者打造,語法部分比較枯燥,如果部分知識你已經會了,我們也建議你全部看完。如果學習過程中遇到問題或者部分功能需要定做,也可以加我們技術QQ:1416 7596 61</body> </html>?
轉載于:https://www.cnblogs.com/yyjcw/p/10173025.html
總結
以上是生活随笔為你收集整理的适合0基础的web开发系列教程-换行和水平线的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python自动化运维开发----基础(
- 下一篇: 交换机用python定时备份