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