整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
上圖中單純的在p標(biāo)簽內(nèi)換行，但是沒有顯示換行，怎么用初學(xué)經(jīng)驗(yàn)解決
（僅是學(xué)習(xí)總結(jié)，相信還有其他的辦法，但是現(xiàn)階段html還沒有學(xué)到，后期再加～）
古詩(shī)文文字示例
籌筆驛
拋擲南陽(yáng)為主憂，北征東討盡良籌。
時(shí)來天地皆同力，運(yùn)去英雄不自由。
千里山河輕孺子，兩朝冠劍恨譙周。
唯余巖下多情水，猶解年年傍驛流。
示例截圖如下（去掉一些自己測(cè)試寫的東西主要的留下了剛好能截全）
（僅為個(gè)人自學(xué)的一點(diǎn)點(diǎn)思考，如有錯(cuò)漏，歡迎留言指正,還有許多的問題呈現(xiàn)，敬請(qǐng)期待～～～）
段落是通過 <p> 標(biāo)簽定義的。
實(shí)際例子
<p>This is a paragraph</p> <p>This is another paragraph</p>
注釋：瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。（<p> 是塊級(jí)元素）
提示：使用空的段落標(biāo)記 <p></p> 去插入一個(gè)空行是個(gè)壞習(xí)慣。用 <br /> 標(biāo)簽代替它！（但是不要用 <br /> 標(biāo)簽去創(chuàng)建列表。）
不要忘記結(jié)束標(biāo)簽
即使忘了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會(huì)正確地將 HTML 顯示出來：
實(shí)際例子
<p>This is a paragraph <p>This is another paragraph
上面的例子在大多數(shù)瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生意想不到的結(jié)果和錯(cuò)誤。
注釋：在未來的 HTML 版本中，不允許省略結(jié)束標(biāo)簽。（現(xiàn)在開發(fā)已經(jīng)不允許了）
提示：通過結(jié)束標(biāo)簽來關(guān)閉 HTML 是一種經(jīng)得起未來考驗(yàn)的 HTML 編寫方法。清楚地標(biāo)記某個(gè)元素在何處開始，并在何處結(jié)束，不論對(duì)您還是對(duì)瀏覽器來說，都會(huì)使代碼更容易理解。
如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行（新行），請(qǐng)使用 <br /> 標(biāo)簽：
<p>This is<br />a para<br />graph with line breaks</p>
<br /> 元素是一個(gè)空的 HTML 元素。由于關(guān)閉標(biāo)簽沒有任何意義，因此它沒有結(jié)束標(biāo)簽。
<br> 還是 <br />
你會(huì)發(fā)現(xiàn) <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結(jié)束標(biāo)簽（閉合標(biāo)簽）的 HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題，使用 <br /> 也是更長(zhǎng)遠(yuǎn)的保障。
我們無法確定 HTML 被顯示的確切效果。屏幕的大小，以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。
對(duì)于 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當(dāng)顯示頁(yè)面時(shí)，瀏覽器會(huì)移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是，HTML 代碼中的所有連續(xù)的空行（換行）也被顯示為一個(gè)空格。
標(biāo)簽 描述
<p> 定義段落。
<br /> 插入單個(gè)折行（換行）。
如果您覺得有用，麻煩點(diǎn)個(gè)贊，支持一下！！
歡迎提問與建議。
HTML簡(jiǎn)介
HTML是用來描述網(wǎng)頁(yè)的一種語(yǔ)言，它是一種超文本標(biāo)記語(yǔ)言，由一套標(biāo)記標(biāo)簽組成，在制作網(wǎng)頁(yè)時(shí)，HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁(yè)。
發(fā)展史
HTML：Hyper Text Markup Language超文本標(biāo)記語(yǔ)言
超文本標(biāo)記語(yǔ)言—在1993年6月互聯(lián)網(wǎng)工程工作小組工作案發(fā)布（并非標(biāo)準(zhǔn)）
HTML2.0—1995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布過時(shí)。
HTML3.2—1996年1月14日，W3C推薦標(biāo)準(zhǔn)
HTML4.0—1997年12月18日，W3C推薦標(biāo)準(zhǔn)
HTML4.01（微小改進(jìn)）—1999年12月24日，W3C推薦標(biāo)準(zhǔn)，2000年5月15日發(fā)布基本嚴(yán)格的HTML4.01語(yǔ)法，是國(guó)標(biāo)標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)
XHTML1.0—發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布
XHTML1.1—2001年5月31日發(fā)布
XHTML2.0是W3C的工作草案，由于改動(dòng)過大，學(xué)習(xí)這個(gè)新技術(shù)的成本過高而最終胎死腹中，因此，現(xiàn)在最常用的還是XHTML1.0標(biāo)準(zhǔn)。
目前最新的版本為HTML5，它是2004年被提出，2007年被W3C接納并成立新的HTML工作團(tuán)隊(duì)，
2008年1月22日公布HTML5第一份正式草案，
2012年12月17日HTML5規(guī)范正式定稿，
2013年5月6日，HTML5.1正式草案公布。
HTML 5作為最新版本，提供了一些新的元素和一些有趣的新特性，同時(shí)也建立了一些新的規(guī)則。這些元素、特性和規(guī)則的建立，提供了許多新的網(wǎng)頁(yè)功能，如使用網(wǎng)頁(yè)實(shí)現(xiàn)動(dòng)態(tài)渲染圖形、圖表、圖像和動(dòng)畫，以及不需要安裝任何插件直接使用網(wǎng)頁(yè)播放視頻等。目前企業(yè)開發(fā)中也在增大使用HTML5的力度
HTML的優(yōu)勢(shì)
h1~h6
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>標(biāo)題標(biāo)簽</title> </head> <body> <h1>這是一級(jí)標(biāo)題</h1> <h2>這是二級(jí)標(biāo)題</h2> <h3>這是三級(jí)標(biāo)題</h3> <h4>這是四級(jí)標(biāo)題</h4> <h5>這是五級(jí)標(biāo)題</h5> <h6>這是六級(jí)標(biāo)題</h6> <h7>這是七級(jí)標(biāo)題</h7>效果怎么顯示不出來呢？？？ <h1>這是一級(jí)標(biāo)題</h1> </body> </html> |
瀏覽器預(yù)覽效果
p標(biāo)簽為段落標(biāo)簽，br標(biāo)簽為換行標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和換行標(biāo)簽</title> </head> <body> <h1>北京歡迎你</h1> <p>北京歡迎你，<br>為你開天辟地</p> <p>北京歡迎你，<br/>有有勇氣就會(huì)有奇跡</p> </body> </html> |
瀏覽器預(yù)覽效果圖
hr標(biāo)簽為水平線標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平線標(biāo)簽</title> </head> <body> <h1>漂洋過海來看你</h1> <hr> <p>為你我用了半年的積蓄，<br>漂洋過海來看你</p> <hr/> </body> </html> |
瀏覽器預(yù)覽效果圖
em為斜體標(biāo)簽，strong為字體加粗標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字體樣式標(biāo)簽</title> </head> <body> <h1>漂洋過海來看你</h1> <hr> <p>為你我用了<em>2017</em>半年的<strong><em>積蓄</em></strong>，<br> <em><strong>漂洋過海</strong></em>來看你 </p> <hr/> </body> </html> |
瀏覽器預(yù)覽效果圖
注釋使用：<!--被注釋的內(nèi)容-->
大于號(hào)：> great than的縮寫
小于號(hào)：< less than的縮寫
雙引號(hào)：""
版權(quán)符號(hào)：©
空格：
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注釋和特殊符號(hào)</title> </head> <body> <pre> 注釋使用：<!--被注釋的內(nèi)容--> 大于號(hào)：> great than的縮寫 小于號(hào)：< less than的縮寫 雙引號(hào)："" 版權(quán)符號(hào)：© 空格： </pre> <!-- 我是被注釋的內(nèi)容，我只留給你們看，不會(huì)在頁(yè)面上顯示 --> 5<10>6 <br> "我是被雙引號(hào)引起來的內(nèi)容"<br> ©自由職業(yè)開發(fā)者公司<br> 我是 測(cè)試 空 格的 </body> </html> |
瀏覽器預(yù)覽效果圖
以上就是HTML的簡(jiǎn)單入門，后續(xù)帶大家更深入的了解HTML
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
