當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML基础实例

發(fā)布時間：2023/12/2 HTML 40 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML基础实例小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

本節(jié)列舉了一些簡單的HTML例子，幫助大家更感性地認識HTML標簽。是不是對一些標簽還不熟悉？別擔心，后面幾個章節(jié)會有詳細說明，先跑幾個例子看看效果吧。

HTML文檔相關標簽
所有HTML文檔必須以<!DOCTYPE html>聲明開頭。

HTML文檔則以<html>開頭，以</html>結尾。

HTML中所有可見區(qū)域都放在<body></body>之間。

HTML文檔實例

<!DOCTYPE html> <html> <body><h1>我是標題1</h1> <p>我是段落</p></body> </html>

HTML標題
HTML標題用<h1>到<h6>六個標簽表示。

<h1>表示級別最高的標題，<h6>表示級別最低的標題。

HTML標題實例

HTML段落
HTML段落用<p>標簽表示。

HTML段落實例

<p>我是段落</p> <p>我是另一個段落</p>

HTML超鏈接
HTML中的超鏈接用<a>標簽表示。

HTML超鏈接實例

上例中href是<a>標簽的屬性，href屬性定義了這個超鏈接跳轉的網址。以后的學習中我們會看到，每個標簽都有屬性。有了屬性，標簽的表現(xiàn)會更強大、更豐富。

HTML圖片
HTML中的圖片用<img>標簽表示。

<img>標簽有四個重要的屬性：src（圖片路徑）、alt（圖片失效時替代的文字）、width（圖片寬度）、height（圖片高度）。

HTML圖片實例

原文鏈接: www.w3uu.com/intro/base/html-basic.html

本文轉載于:猿2048→https://www.mk2048.com/blog/blog.php?id=ih0hjaa&title=HTML基礎實例

以上是生活随笔為你收集整理的HTML基础实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。