溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“HTML如何把文章內容展示在網頁上”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“HTML如何把文章內容展示在網頁上”文章能幫助大家解決問題。
我們看到，文章是由三部分組成的，分別是標題、內容、跟圖片。這三部分的HTML代碼都是寫在<body>和</body>里的。我們看下標題用HTML怎么寫
標題標簽一共有6個，h2、h3、h4、h5、h6、h7分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據重要性遞減。<h2>是最高的等級。
那么以剛才我們描述的文章為例，標題的HTML代碼就可以這樣寫：
<h2>小明跟小紅一起出去散步</h2>
這里大家要注意，<h2>和</h2>是HTML的標簽，是告訴瀏覽器，這是個標題，而標題的內容，是寫在<h2>和</h2>之間的。
寫好了標題，接下來我們要展示的是文章的內容。在HTML中，顯示正文內容的標簽為<p>和</p>，用HTML代碼表示就是：
<p>今天天氣很好，小明跟小紅一起出去散步</p>
這里跟剛才的<h2>標簽是一樣的，<p>和</p>是是告訴瀏覽器，這里是文字段落，而文字的內容，是寫在<p>和</p>之間的。
到了這里，我們就解決了一篇文章的標題跟內容，但我們剛才列舉的那篇文章中，還有穿插一張圖片，那在HTML中圖片又是怎么表示的呢？
這里就要說到<img>標簽了。在HTML中，<img>是用來表示圖片的，一般來說，一個完整的<img>標簽里包含三個部分，分別是：圖片的路徑（scr），下載失敗時的替換文本（alt）、和 提示文本（title）。
以剛才我們描述的文章圖片為例，那篇文章的圖片我們就可以寫成：
<img src = "/i/eg_cute.gif" alt = "My Image" title = "My Image" />
注意：
這里的scr后面的雙引號內是圖片的路徑，也就是說，你這張圖片是保存在哪里的，就填保存的路徑跟保存的名字以及保存的格式，本文中的圖片是保存在i文件夾下，圖片名稱為：eg_cute，文件格式是：gif。
至于<img>標簽中的alt跟title，大家只要明白意思就行了，后期大家大量練習的時候，自然就會明白。
到這里，咱們剛才寫的那篇文章就用HTML代碼寫出來了，我們看下在瀏覽器里的整體效果
關于“HTML如何把文章內容展示在網頁上”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
