HTML畫直線是網頁制作中常見的一種技巧。通過在HTML代碼中插入繪制直線的命令，可以讓網頁更加美觀。下面就讓我們來了解一下HTML如何畫直線吧。

<hr>標簽

HTML提供了一種非常簡單的畫直線的方法，那就是使用<hr>標簽。這個標簽可以在網頁中繪制一條水平線，其實例如<hr>指令本身就具有結束的意義，所以不需要加結束標記</hr>。下面是一個使用<hr>標簽繪制直線的例子：

<hr>

可以通過使用CSS樣式來控制<hr>標簽的寬度、顏色、高度等各種屬性。這個標簽可以很方便地實現網頁的分割效果，讓網頁更易閱讀。

<canvas>標簽

如果想要在網頁中畫出更加精細的直線，可以使用<canvas>標簽。這個標簽可以動態地繪制圖形，可以實現非常多樣化的效果。下面是一個使用<canvas>標簽繪制直線的例子：

<canvas id="myCanvas" width="200" height="100"></canvas>

這段代碼通過<canvas>標簽創建了一個200寬、100高的畫布。之后使用ctx對象調用moveTo()方法定位起點坐標（0,0），再使用lineTo()方法繪制從起點坐標到終點坐標（200,100）的連線，最后使用stroke()方法展示畫布效果。通過修改畫布屬性和坐標值，可以繪制出各種不同形狀的圖形。

總之，HTML畫直線的方法有很多種，可以根據不同的需求選擇最合適的方式。通過靈活運用HTML畫直線技巧，可以制作出更加豐富多彩的網頁效果。