插入圖片的HTML語法

加入圖片與圖片超連結

<a href="https://www.tcnews.info/" target="_blank"><img src="https://tcnews.info/wp-content/uploads/TCNEWS_logo_redsquare.png" alt="TCNEWS" border="0"></a>

<a href="http://www.fju.edu.tw/aboutFju.jsp?labelID=9" target="_blank" rel="noopener"><img class="alignnone" src="http://www.fju.edu.tw/showImg/subLabelImg/1_9_83_1.png" alt="" width="600" height="462" /></a>

<img src="..." alt="..." onclick="window.open('anotherpage.html', '_blank');" />

#記得 https

內文引用圖片

<img src="https://www.tcfm.fju.edu.tw/FMpages/tcfm_slider01.jpg" >

<img src="../tcfmphotos/1071/sqm10701_02.jpg" / alt="圖片替代文字幫助圖片被找到提升SEO" >

<img src="../FMpages/styleyourself.jpg" alt="輔仁大學織品行銷" >

<a href="https://www.tcfm.fju.edu.tw/2020EXI/category/fmprojecta/" target="_blank" rel="noopener noreferrer"><img src="https://www.tcfm.fju.edu.tw/2020EXI/exi2020/1100.jpg" alt="" width="450" height="300" border="0" /></a>

<a href="https://www.tcfm.fju.edu.tw/2020EXI/category/fmprojecta/" target="_blank" ><img src="https://www.tcfm.fju.edu.tw/2020EXI/exi2020/1100.jpg" alt="" width="450" height="300" border="0" /></a>

透明度設定語法

<div style="padding:10px;background-color:green;opacity:0.1;">

測試 CSS3 opacity 屬性的不透明度處理

</div>

<div style="padding:10px;background-color:green;opacity:0.5;">

測試 CSS3 opacity 屬性的不透明度處理

</div>

<div style="padding:10px;background-color:green;opacity:0.8;">

測試 CSS3 opacity 屬性的不透明度處理

</div>

嵌入YOUTUBE影片

<Iframe src="嵌入網址"; width="500" height="500" scrolling="yes " frameborder="1"  align="center">

</iframe>

<Iframe src="https://arspb.nstc.gov.tw/NSCWebFront/modules/talentSearch/talentSearch.do?action=initRsm17new&rsNo=ce188ac6bcfd43c3b49cfc99761eab09&LANG=chi"; width="100%" height="100%" scrolling="yes " frameborder="1"  align="center">

</iframe>

<iframe frameborder="0" height="800" marginheight="0" marginwidth="0" scrolling="yes" src="http://www.oo.com.tw(網頁網址)" width="650"></iframe>   

<iframe frameborder="0" height="800" marginheight="0" marginwidth="0" scrolling="yes" src="http://www.oo.com.tw(網頁網址)" width="100%"></iframe>