HTML - Gwers 3 - Linciau
Transcript of HTML - Gwers 3 - Linciau
CREU GWEFANNAUMR JENKINS
AMCANION DYSGU
Dysgu am wahanol mathau o luniau.
Dysgu sut i greu linciau efo HTML.
ADOLYGU <IMG>Does dim angen cael diweddglo i’r tagNad ydynt yn amgylchu unrhyw bethRydym yn gosod y priodoledd “src”
<img src=“http://penguin-cartoon.png”>
Agoriad Lleoliad y LlunPriodoledd Estyniad
Ffeil
BMPLliw pob picsel yn cael ei arbed wrth arbed y llun.
Maint y ffeil yn fawr iawn a heb gael ei gywasgu.
JPGFfurf gywasgedig, heb golli gormod o liw, llwytho’n gyflym.
Methu dangos tryloywder.
GIFFfurf gywasgedig, medru dangos tryloywder. Medru dangos cyfres o luniau.
Colli lliw wrth gywasgu.
PNGFfurf gywasgedig fwy effeithiol na GIF, medru dangos tryloywder.
Rhai problemmau defnyddio efo hen borwyr (browsers)
SVGLlun efo ansawdd uchel, sydd dim yn colli ansawdd wrth ailmeintio.
Gorfod cael ei greu efo dulliau fectorau
LINCIAUI gysylltu efo tudalennau/gwefannau
gwahanol.Defnyddiwn y tag <a> ar gyfer linciauDefnyddiwn y priodoledd href <a href=“http://www.bbc.co.uk”>
Cliciwch yma </a>
Agoriad Testun i wneud lincPriodoledd
Gwefan i lincio
Diweddglo
LINCIO MEWNOLGall cysylltu i wefannau ar draws y we efo linciau.
OND, mae’n bosib hefyd i lincio tudalennau mewnol efo’i gilydd.
Nad oes angen cyfeiriad y ffeil os mae’r ffeiliau yn yr un ffolder.
TAFLEN WAITH – YMARFER HTML
DIWEDDARU: DOGFEN DIFFINIADAUTag 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> …… …… …… …
AMCANION DYSGU
Dysgu am wahanol mathau o luniau.
Dysgu sut i greu linciau efo HTML.