Recommended
Recommended
More Related Content
Featured
Featured (20)
HTML - Gwers 2 - Lluniau
- 1. CREU GWEFANNAU MR JENKINS
- 2. GWALLAU… <DOCTYPE html> <title> Gwefan Mr Jenkins <h1><u>Gwefan Mr Jenkins</h1> <p>Croeso i fy ngwefan <i>cyntaf</i>! <h2> Ffeithiau diddorol <h2> <stong> oedran </strong>: HEN! <br> <strong> swydd </strong>: Athro Tech Gwyb <strong> penblwydd </strong>: 19<sup>fed</sup> o Fawrth. <br>
- 3. GWALLAU… <!DOCTYPE html> <title> Gwefan Mr Jenkins </title> <h1><u>Gwefan Mr Jenkins</u></h1> <p>Croeso i fy ngwefan <i>cyntaf</i>! <h2> Ffeithiau diddorol </h2> <strong> oedran </strong>: HEN! <br> <strong> swydd </strong>: Athro Tech Gwyb <br> <strong> penblwydd </strong>: 19<sup>fed</sup> o Fawrth. <br>
- 4. AMCANION DYSGU Dysgu sut i fewnosod lluniau efo HTML. Ymarfer sgiliau HTML.
- 5. ADOLYGU HTML Mae HTML yn cynnwys nifer o elfennau (fel <title>). Mae strwythur elfennau yn dilyn y patrwm <ctaintlylneo>l: Tudalen Mr Jenkins </title> Agoriad Cynnwys Diweddglo
- 6. MAE <IMG> YN WAHANOL… Mae’r tag arbennig <IMG> yn wahanol Does dim angen cael diweddglo i’r tag Nad ydynt yn amgylchu unrhyw beth <img src=“http://.penguin-cartoon.png”> Agoriad Lleoliad y Priodoledd Estyniad Ffeil Llun
- 7. PRIODOLEDDAU (ATTRIBUTES) I osod unrhyw briodoledd, ar ôl y tag agoriadol “<img” ysgrifennwch: <img src=“http://..penguin-cartoon.png” width=“400px”> Enw'r Priodoledd Gwerth y Priodoledd = “ ”
- 8. PRIODOLEDDAU (ATTRIBUTES) Tu fewn <img>, gall defnyddio'r priodoleddau: Pridoledd Ystyr Egluriad Engraifft src source Y lleoliad o’r llun rydych eisiau defnyddio src=“http://www.bbc....jpg” alt Alternative text Testun i arddangos os nad yw’r llun yn medru llwytho alt=“llun o logo'r gwefan” title Tooltip Dangos testun os ydych yn hofran dros y llun title=“cliciwch yma i fynd i’r gwefan” width Width Diffinio lled y llun width=“300px”
- 9. EWCH ATI! 5 munud Darganfyddwch lun i ddefnyddio ar eich gwefan http://images.google.com Arbrofwch efo’r priodoleddau gwahanol
- 10. TAFLEN WAITH – YMARFER HTML
- 11. DOGFEN DIFFINIADAU Tag HTML Egluro pwrpas y tag <title> Er mwyn gosod teitl addas sy’n arddangos ar y ffenestr porwr (browser window). <br> Er mwyn cychwyn llinell newydd o destun wrth ysgrifennu cynnwys gwefan. <p> … … … … … … …
- 12. CIPOLWG O LINCIAU I gysylltu efo tudalennau/gwefannau gwahanol. Defnyddiwn y tag <a> ar gyfer linciau De<fan ydhrdeiwfn=y“ hptriotdpo:l/e/dwdwhwr.ebfbc.co.uk”> Cliciwch yma </a> Agoriad Priodoledd Testun i wneud linc Gwefan i lincio Diweddglo
- 13. AMCANION DYSGU Dysgu sut i fewnosod lluniau efo HTML. Ymarfer sgiliau HTML.