HTML與CSS是網頁設計中最基礎的兩個語言，它們被用于網頁內容的展示與樣式表的定制。HTML是超文本標記語言，它用于定義網頁的結構與內容。CSS則是層疊樣式表，用于定義網頁的樣式與設計。 一個網頁的結構是由HTML代碼所決定。HTML可以實現圖文混排，即文字與圖片等元素同時展示在網頁中。下面是一個使用HTML格式的圖文混排示例：

<p>這是一段文字</p>
<img src="example.jpg" alt="示例圖片">

在這個例子中，<p>標簽定義了一個段落，<img>標簽則增加了一張圖片。其中，src屬性指定圖片的來源地址，alt屬性則為圖片增加了一段文字描述。這樣，我們就能在網頁中看到一段文字和一張圖片的組合了。 當然，這樣的效果還不夠漂亮，我們可能需要使用CSS來美化這些元素。下面是一個使用CSS格式的圖文混排示例：

<style>
p {
font-size: 16px;
color: black;
}
img {
width: 300px;
height: auto;
border: 1px solid gray;
margin-left: 20px;
}
</style>
<p>這是一段文字</p>
<img src="example.jpg" alt="示例圖片">

在這個例子中，我們把樣式表寫在了<style>標簽內部。我們給段落文字定義了字體大小和顏色，給圖片定義了寬度、高度、邊框和左邊距離。這樣，在瀏覽器里看到的效果會更美觀。 需要注意的是，HTML與CSS是相互獨立的兩種語言，它們都可以單獨存在。但是，當它們配合使用時，就能打造出美麗而有用的網頁了。圖文混排也是網頁設計中常用的元素之一，我們可以根據實際需求來選擇不同的標簽和樣式表，以達到最佳的效果。