當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

前端(一)——HTML之基本标签、图片标签、超链接、锚链接

發(fā)布時間：2025/3/13 HTML 18 豆豆

生活随笔收集整理的這篇文章主要介紹了前端(一)——HTML之基本标签、图片标签、超链接、锚链接小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

W3C：萬維網聯(lián)盟
– 萬維網聯(lián)盟創(chuàng)建于1994年，是Web技術領域最具權威和影響力的國際中立性技術標準機構。
– http://www.chinaw3c.org/
.com 國際的 .cn 中國 .org開源的
W3C標準
– 結構化標準（XHTML、HTML）
– 表現(xiàn)標準（CSS）
– 行為標準（Dom、ECMAScript標準==> JavaScript）
– 很多瀏覽器還停留在ES5規(guī)范上，但是開發(fā)人都使用的是ES6規(guī)范
案例：在網頁上打印一首詩
– 案例代碼
– 運行結果
常見的前端開發(fā)工具
– 記事本
– Notepad++
– Sublime
– VScode（前端專業(yè)）
– WebStorm（前端專業(yè)）IDEA
– HBuilder （專業(yè)）
……

常見的圖片格式： .png .jpg .jpeg .bmp .gif …
png 會有瀏覽器兼容問題，一般使用 .jpg .gif多一點
圖片：靜態(tài)資源單獨放 statics\images
相對路徑，絕對路徑
相對路徑 …/…/
絕對路徑 https://150.109.117.44:443/usr/themes/PureLoveForTypecho/images/banner2.jpg
src：資源圖片： 圖片的路徑
alt：圖片加載失敗，表示圖片的問題，也即圖片描述
title：鼠標放在圖片上的懸浮提示
width：寬
height：高

– 案例代碼
– 運行結果

超鏈接：表示從一個地方跳轉到另外一個地方
href：要跳轉地址
target：目標打開的窗口，在自己這個當前頁面打開，還是在新的頁面打開
_self : 在自己的窗口打開
_blank：在新窗口中打開
和圖片嵌套使用

– 案例代碼
– 運行結果

– 案例一：在同一頁頁面中跳轉

– 運行結果
– 案例二：在不同頁頁面中跳轉

– 運行結果

以上是生活随笔為你收集整理的前端(一)——HTML之基本标签、图片标签、超链接、锚链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。