HTML是網站開發中最基礎的一種語言，其中涉及到圖片的設置以及頁面布局的問題。本文將針對這兩個問題進行講解。

圖片設置：通過HTML代碼將圖片嵌入到網頁中
<img src="圖片鏈接地址" alt="圖片替代文本" width="寬度" height="高度">
其中，src表示圖片地址，alt表示圖片無法加載時的替代文本，width表示圖片的寬度，height表示圖片的高度。

如下代碼示例展示了如何設置一張寬為200px、高為100px的圖片：

<img src="http://www.example.com/example.jpg" alt="example圖片" width="200" height="100">

布局設置：通過HTML標簽對頁面元素進行布局排版

HTML中的布局標簽主要包括：
- <div>：用于頁面內的區塊劃分，可以通過CSS來設置樣式。
- <p>：用于段落的標記，一般與文本內容一同使用。
- <ul>和<li>：用于列表的標記，可以用來展示頁面內的信息列表。
- <table>、<tr>和<td>：用于表格的標記，可以用來展示數據表格。

如下代碼示例展示了通過<div>標簽進行頁面布局元素劃分：

<div id="header">
<h1>網站標題</h1>
</div>
<div id="menu">
<ul>
<li>導航1</li>
<li>導航2</li>
<li>導航3</li>
</ul>
</div>
<div id="content">
<p>頁面內容</p>
</div>
<div id="footer">
<p>版權信息</p>
</div>

以上代碼中，頁面被劃分為四個區塊：header、menu、content和footer。不同區塊內的內容會按照HTML、CSS指定的樣式進行排布。