一、HTML常見元素
常見元素及功能:
元素 | 用途 |
---|---|
<h1>~<h6> | 標題從大到小 |
<p> | 段落,不同段落會有間距 |
<img> | 顯示圖片,屬性src為圖片路徑,alt為圖片無法顯示時的提示文本 |
<a> | 超鏈接,屬性href為鏈接地址(或電梯導航的id),target為顯示位置(默認為_self,在當前窗口打開URL,_blank為在新窗口打開) |
<br> | 換行,現在開發很少使用 |
<iframe> | 可以在頁面部分區域顯示其他網站,但大部分網站不允許用iframe顯示 |
<strong> | 加粗 |
<i> | 斜體 |
<code> | 顯示代碼,偶爾用來顯示等寬字體 |
二、部分元素常見用途:
2.1.a標簽與img共用實現圖片跳轉網址
<a href="https://www.csdn.net/" target="_blank"><img src="./img/img1.jpg" alt="csdn">
</a>
? 運行結果:點擊即可跳轉到csdn
?
2.2.a元素的其他鏈接:
<!--·指向鏈接:zip壓縮包·-->
<a href="https://github.com/coderwhy/HYMiniMall/archive/master.zip">下載zip包</a>
<!--·指向其他協議地址:mailto·-->
<a href="mailto:123@qq.com">發郵件給123@qq.com</a>
2.3.iframe
使用案例:
<iframe src="https://www.csdn.net/" width="500px" height="500px" frameborder=""1></iframe>
響應頭參數X-Frame-Option
可以設置SAMEORIGIN
以禁止iframe顯示網站
三、HTML元素全局屬性
- id:唯一標識符
- class:樣式類
- style:樣式
- title:提示文本
四、字符實體轉義
字符 | 實體 |
---|---|
< | < |
> | > |
空格 | |
& | & |
" | " |
’ | ' |