HTML網頁製作 插入圖片
HTML網頁插入圖片。感興趣的小夥伴們快來了解一下吧。
插入圖片
將光標定位在HTML文檔中要插入圖像的位置。
點擊“插入”菜單,選擇“圖像”項,或者單擊“插入”面板上“常用”項,選擇“圖像”按鈕。
點擊“圖像”按鈕,彈出“選擇圖像源文件”對話框。
選擇完之後,單擊“確定”按鈕,之後會彈出“圖像標籤輔助功能屬性”對話框。
設置完成之後點擊“確定”按鈕,就可以了。
如何更改圖片大小、添加邊框
寬度和高度:
通過使用屬性中的寬度和高度來校正在網頁中顯示圖像的大小。
例如代碼:
<img src="test.jpg" width=100 height=100>
width=寬度
height=高度
邊框:
我們可以使用屬性中的"border"來設置圖像周圍的邊框。這可以用於創建在圖像周圍的空間。
例如代碼:
<img src="test.jpg" border=4>
對齊:
我們可以使用屬性中的"align"來對齊圖像。
把屬性值設置成:left/right/center
例如代碼:
<img src="test.jpg" align=left> <img src="test.jpg" align=right alt="xxx">
-
用CSS製作三角形,替代背景圖片
網頁設計,製作,在早期,一般都是用背景圖片來呈現三角形,比如一個提示窗口,有一個三角形圖標指示,這個圖標一般就是背景圖片來的。現在我們不用背景圖片,直接用CSS來生成,需要怎麼做呢?操作方法(01)先看下html代碼,代碼很簡單,就是幾個div,我們為其中一個div加上樣式名,angle,...
-
怎麼製作文字圖片
文字圖片就是在圖片中添加文字信息,以達到更加準確的表達想要表達的信息。操作方法(01)在搜索引擎上輸入“美圖秀秀”,選擇在線製作網站點擊進入。(02)進入後選擇“美化圖片”,點擊進入。(03)進入後點擊“打開一張圖片”,把要製作的圖片上載到頁面。(04)選擇“文字”,輸入你...
-
PHP如何獲取日期的年份?
在PHP開發中,我們很多時候會用到日期,當我們只用到日期的年份時,怎麼獲取一個日期的年份?下面一起來看下。操作方法(01)用到日期函數,我們當然少不了用date方法了。看下我們的代碼,如圖,很簡單,就是用date方法獲取到當前日期,然後用‘y'標誌格式化日期輸出,只輸出年份...
-
EXCEL選擇性粘貼數值快捷鍵設置
在Excel中,我們經常會做選擇性粘貼數值的操作,總是通過鼠標來操作很不方便,如何設置一個好用的快捷鍵?下面來看一下。操作方法(01)打開excel,右鍵點擊工具欄空白地方,然後點擊‘自定義工具欄和菜單’(02)打開窗口後,點擊‘命令’(03)在命令欄下,點擊左邊的‘編輯’(04)接着在右...