Y brif broblem sy'n gysylltiedig ag ychwanegu delweddau HTML o ffynonellau anghysbell yw y gall arwain at amseroedd llwytho tudalennau araf. Mae hyn oherwydd bod yn rhaid i'r porwr wneud cais ar wahân am bob delwedd, a all adio'n gyflym os oes delweddau lluosog ar y dudalen. Yn ogystal, os yw'r ffynhonnell bell i lawr neu os oes ganddi gysylltiad araf, gall hyn ohirio amseroedd llwytho tudalennau ymhellach. Yn olaf, mae yna hefyd risg uwch o wendidau diogelwch gan fod y delweddau'n cael eu tynnu o ffynhonnell allanol.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Mae'r llinell hon o god yn dag delwedd HTML, a ddefnyddir i arddangos delwedd ar dudalen we.
2. Mae'r briodwedd “src” yn nodi URL y ddelwedd i'w harddangos, yn yr achos hwn “https://example.com/image.jpg” ydyw.
3. Mae'r briodwedd “alt” yn darparu testun amgen ar gyfer y ddelwedd, yn yr achos hwn “Delwedd Enghreifftiol” ydyw.
priodoledd img src
Defnyddir y briodwedd img src yn HTML i nodi ffynhonnell delwedd. Fe'i defnyddir o fewn y tag i ddiffinio ffynhonnell delwedd. Dylai gwerth y nodwedd hon fod yn URL dilys sy'n pwyntio at ffeil delwedd. Mae angen y nodwedd hon ar gyfer pob delwedd ar dudalen we, ac mae'n caniatáu i'r porwr leoli ac arddangos y ddelwedd.
Sut ydw i'n ychwanegu delwedd allanol yn HTML
Mae ychwanegu delwedd allanol yn HTML yn eithaf syml. Y cyfan sydd angen i chi ei wneud yw defnyddio'r tagiwch a nodwch ffynhonnell y ddelwedd gan ddefnyddio'r priodoledd src. Mae'r gystrawen ar gyfer ychwanegu delwedd allanol yn HTML yn edrych fel hyn:
Lle mae “image_url” yn ddolen i’r ffeil delwedd, a “testun amgen” yn ddisgrifiad o’r hyn sydd yn y ddelwedd (at ddibenion hygyrchedd).
Er enghraifft, pe baech am ychwanegu delwedd allanol o'ch gwefan o'r enw my-image.jpg, byddai'ch cod yn edrych fel hyn:
