Enviar búsqueda
Cargar
Basic html tutoirialp2
•
0 recomendaciones
•
1,024 vistas
prasadmvreddy
Seguir
syst
Leer menos
Leer más
Educación
Denunciar
Compartir
Denunciar
Compartir
1 de 8
Descargar ahora
Descargar para leer sin conexión
Recomendados
Html web designing 1
Html web designing 1
mannely
Project report
Project report
Jagannath Gorai
Creating online questionnaires with Google Drive for quality feedback
Creating online questionnaires with Google Drive for quality feedback
The EduHK
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Angela Edel
How to use Google docs to create a survey
How to use Google docs to create a survey
Jimmy Edwards
forms
forms
tutorialsruby
WDD
WDD
cpjcollege
Html presentation
Html presentation
Amber Bhaumik
Recomendados
Html web designing 1
Html web designing 1
mannely
Project report
Project report
Jagannath Gorai
Creating online questionnaires with Google Drive for quality feedback
Creating online questionnaires with Google Drive for quality feedback
The EduHK
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Angela Edel
How to use Google docs to create a survey
How to use Google docs to create a survey
Jimmy Edwards
forms
forms
tutorialsruby
WDD
WDD
cpjcollege
Html presentation
Html presentation
Amber Bhaumik
Google Forms
Google Forms
Shoumik Kahali
Personalise Email Signature
Personalise Email Signature
Diana Holwerda
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Thomas Duff
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Christian Buckley
Collecting data using google docs forms
Collecting data using google docs forms
Cherrylin Ramos
What's New in Office 2016
What's New in Office 2016
Dave Umberger
Introduction to Gmail - Instructions
Introduction to Gmail - Instructions
Baldwin Public Library
Google slideshare tips by NEWOLDSTAMP
Google slideshare tips by NEWOLDSTAMP
Ostap Yaroshevych
Html basics
Html basics
codegracer
Microsoft outlook 2010
Microsoft outlook 2010
ematz0209
Chapter 9 - Web Design
Chapter 9 - Web Design
tclanton4
Html ppt computer
Html ppt computer
Anmol Pant
Outlook2010 training presentation
Outlook2010 training presentation
2daves
Step By Step To Create A Form Based On Google Docs
Step By Step To Create A Form Based On Google Docs
Nuno Nunes
Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2
Nicolas Casel
How to use wordpress
How to use wordpress
Kyle Roberts
Html basic
Html basic
Nital Shingala
Office 365 Productivity Tips -- January Joust
Office 365 Productivity Tips -- January Joust
Christian Buckley
Instrucciones en ingles[1]
Instrucciones en ingles[1]
Yisney Muñoz Cifuentes
Posterous Guide: The Easy Way to Blog
Posterous Guide: The Easy Way to Blog
Deborah Edwards-Onoro
Informe admisnitractivo
Informe admisnitractivo
Laura Velasquez
12 fallacies-091211092734-phpapp01
12 fallacies-091211092734-phpapp01
OLiv OPerio
Más contenido relacionado
La actualidad más candente
Google Forms
Google Forms
Shoumik Kahali
Personalise Email Signature
Personalise Email Signature
Diana Holwerda
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Thomas Duff
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Christian Buckley
Collecting data using google docs forms
Collecting data using google docs forms
Cherrylin Ramos
What's New in Office 2016
What's New in Office 2016
Dave Umberger
Introduction to Gmail - Instructions
Introduction to Gmail - Instructions
Baldwin Public Library
Google slideshare tips by NEWOLDSTAMP
Google slideshare tips by NEWOLDSTAMP
Ostap Yaroshevych
Html basics
Html basics
codegracer
Microsoft outlook 2010
Microsoft outlook 2010
ematz0209
Chapter 9 - Web Design
Chapter 9 - Web Design
tclanton4
Html ppt computer
Html ppt computer
Anmol Pant
Outlook2010 training presentation
Outlook2010 training presentation
2daves
Step By Step To Create A Form Based On Google Docs
Step By Step To Create A Form Based On Google Docs
Nuno Nunes
Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2
Nicolas Casel
How to use wordpress
How to use wordpress
Kyle Roberts
Html basic
Html basic
Nital Shingala
Office 365 Productivity Tips -- January Joust
Office 365 Productivity Tips -- January Joust
Christian Buckley
Instrucciones en ingles[1]
Instrucciones en ingles[1]
Yisney Muñoz Cifuentes
Posterous Guide: The Easy Way to Blog
Posterous Guide: The Easy Way to Blog
Deborah Edwards-Onoro
La actualidad más candente
(20)
Google Forms
Google Forms
Personalise Email Signature
Personalise Email Signature
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Office 365 Productivity Tips - August Anarchy
Collecting data using google docs forms
Collecting data using google docs forms
What's New in Office 2016
What's New in Office 2016
Introduction to Gmail - Instructions
Introduction to Gmail - Instructions
Google slideshare tips by NEWOLDSTAMP
Google slideshare tips by NEWOLDSTAMP
Html basics
Html basics
Microsoft outlook 2010
Microsoft outlook 2010
Chapter 9 - Web Design
Chapter 9 - Web Design
Html ppt computer
Html ppt computer
Outlook2010 training presentation
Outlook2010 training presentation
Step By Step To Create A Form Based On Google Docs
Step By Step To Create A Form Based On Google Docs
Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2
How to use wordpress
How to use wordpress
Html basic
Html basic
Office 365 Productivity Tips -- January Joust
Office 365 Productivity Tips -- January Joust
Instrucciones en ingles[1]
Instrucciones en ingles[1]
Posterous Guide: The Easy Way to Blog
Posterous Guide: The Easy Way to Blog
Destacado
Informe admisnitractivo
Informe admisnitractivo
Laura Velasquez
12 fallacies-091211092734-phpapp01
12 fallacies-091211092734-phpapp01
OLiv OPerio
Presentation To Shaw Group Final Nov 6
Presentation To Shaw Group Final Nov 6
André Darmanin
Akesiu mei moana tuuholoaki
Akesiu mei moana tuuholoaki
roselynne
Publitapias URC
Publitapias URC
Zuhaill
Chapter 20 final 2
Chapter 20 final 2
ashleyhare310
8 b inggris
8 b inggris
Syahdan AieShidiq
My favorite pastimes
My favorite pastimes
kim75berly
Destacado
(8)
Informe admisnitractivo
Informe admisnitractivo
12 fallacies-091211092734-phpapp01
12 fallacies-091211092734-phpapp01
Presentation To Shaw Group Final Nov 6
Presentation To Shaw Group Final Nov 6
Akesiu mei moana tuuholoaki
Akesiu mei moana tuuholoaki
Publitapias URC
Publitapias URC
Chapter 20 final 2
Chapter 20 final 2
8 b inggris
8 b inggris
My favorite pastimes
My favorite pastimes
Similar a Basic html tutoirialp2
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docx
fideladallimore
Web pageassignment
Web pageassignment
beachtch
Unit 2.3
Unit 2.3
Intan Jameel
HTML Intermediate
HTML Intermediate
c525600
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
adampcarr67227
Web design in 7 days
Web design in 7 days
Shanmugam Thiagoo
Web design in 7 days by waqar
Web design in 7 days by waqar
Waqar Chodhry
Basic HTML Tutorial For Beginners
Basic HTML Tutorial For Beginners
DHTMLExtreme
Adding text in html
Adding text in html
nobel mujuji
Basic html training national
Basic html training national
Needanuts
HTML Presentation
HTML Presentation
Nothinguse193
presentation_html_ppt_1534512076_351187.pptx
presentation_html_ppt_1534512076_351187.pptx
ssuser8001a61
Html basics
Html basics
Vjay Vijju
Intermediate Web Design.doc
Intermediate Web Design.doc
butest
Intermediate Web Design.doc
Intermediate Web Design.doc
butest
Email Design Workshop - Don't Let Bad Email Code Ruin Your Day or Your Results
Email Design Workshop - Don't Let Bad Email Code Ruin Your Day or Your Results
Shana Masterson
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Sean Burgess
Introduction to html (912 kb)
Introduction to html (912 kb)
IMRAN KHAN
Bcsl 013 solved-assignment-2019-20 without
Bcsl 013 solved-assignment-2019-20 without
AbhinavSingh732
Web topic 3 html format tags
Web topic 3 html format tags
CK Yang
Similar a Basic html tutoirialp2
(20)
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docx
Web pageassignment
Web pageassignment
Unit 2.3
Unit 2.3
HTML Intermediate
HTML Intermediate
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
Web design in 7 days
Web design in 7 days
Web design in 7 days by waqar
Web design in 7 days by waqar
Basic HTML Tutorial For Beginners
Basic HTML Tutorial For Beginners
Adding text in html
Adding text in html
Basic html training national
Basic html training national
HTML Presentation
HTML Presentation
presentation_html_ppt_1534512076_351187.pptx
presentation_html_ppt_1534512076_351187.pptx
Html basics
Html basics
Intermediate Web Design.doc
Intermediate Web Design.doc
Intermediate Web Design.doc
Intermediate Web Design.doc
Email Design Workshop - Don't Let Bad Email Code Ruin Your Day or Your Results
Email Design Workshop - Don't Let Bad Email Code Ruin Your Day or Your Results
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Introduction to html (912 kb)
Introduction to html (912 kb)
Bcsl 013 solved-assignment-2019-20 without
Bcsl 013 solved-assignment-2019-20 without
Web topic 3 html format tags
Web topic 3 html format tags
Más de prasadmvreddy
Installing and configuring windows deployment services
Installing and configuring windows deployment services
prasadmvreddy
B.Tech I Year (R09) Regular , Supplementary June 2013
B.Tech I Year (R09) Regular , Supplementary June 2013
prasadmvreddy
Jntua b.tech and_b
Jntua b.tech and_b
prasadmvreddy
B.tech ii year ii semester (r09) regular & supplementary april may 2013
B.tech ii year ii semester (r09) regular & supplementary april may 2013
prasadmvreddy
B tech ii yr i sem r9 supplementary may 2013
B tech ii yr i sem r9 supplementary may 2013
prasadmvreddy
Iii b.tech. ii sem r09 regular april 2013
Iii b.tech. ii sem r09 regular april 2013
prasadmvreddy
B tech iii year i (r09) semester regular supplementary examinations november ...
B tech iii year i (r09) semester regular supplementary examinations november ...
prasadmvreddy
B tech ii year ii (r09) semester regular examinations april may 2012 results
B tech ii year ii (r09) semester regular examinations april may 2012 results
prasadmvreddy
B tech ii year i (r09) semester supplementary examinations may 2012 results
B tech ii year i (r09) semester supplementary examinations may 2012 results
prasadmvreddy
B tech ii year i (r09) semester regular supplementary examinations november 2...
B tech ii year i (r09) semester regular supplementary examinations november 2...
prasadmvreddy
B tech ii year i semester regular examinations november 2011 results
B tech ii year i semester regular examinations november 2011 results
prasadmvreddy
III B.TECH. II SEM R09 REGULAR APRIL 2013
III B.TECH. II SEM R09 REGULAR APRIL 2013
prasadmvreddy
Introduction to the theory of computation
Introduction to the theory of computation
prasadmvreddy
B tech ii year ii (r07) semester supplementary
B tech ii year ii (r07) semester supplementary
prasadmvreddy
B tech iii year ii (r07) semester supplementary
B tech iii year ii (r07) semester supplementary
prasadmvreddy
B tech i year (rrr05 r07) supplementary
B tech i year (rrr05 r07) supplementary
prasadmvreddy
B tech iv year i (r07) semester supplementary
B tech iv year i (r07) semester supplementary
prasadmvreddy
B tech iii year i (r07) semester supplementary
B tech iii year i (r07) semester supplementary
prasadmvreddy
B tech ii year i (r07) semester supplementary
B tech ii year i (r07) semester supplementary
prasadmvreddy
Bp
Bp
prasadmvreddy
Más de prasadmvreddy
(20)
Installing and configuring windows deployment services
Installing and configuring windows deployment services
B.Tech I Year (R09) Regular , Supplementary June 2013
B.Tech I Year (R09) Regular , Supplementary June 2013
Jntua b.tech and_b
Jntua b.tech and_b
B.tech ii year ii semester (r09) regular & supplementary april may 2013
B.tech ii year ii semester (r09) regular & supplementary april may 2013
B tech ii yr i sem r9 supplementary may 2013
B tech ii yr i sem r9 supplementary may 2013
Iii b.tech. ii sem r09 regular april 2013
Iii b.tech. ii sem r09 regular april 2013
B tech iii year i (r09) semester regular supplementary examinations november ...
B tech iii year i (r09) semester regular supplementary examinations november ...
B tech ii year ii (r09) semester regular examinations april may 2012 results
B tech ii year ii (r09) semester regular examinations april may 2012 results
B tech ii year i (r09) semester supplementary examinations may 2012 results
B tech ii year i (r09) semester supplementary examinations may 2012 results
B tech ii year i (r09) semester regular supplementary examinations november 2...
B tech ii year i (r09) semester regular supplementary examinations november 2...
B tech ii year i semester regular examinations november 2011 results
B tech ii year i semester regular examinations november 2011 results
III B.TECH. II SEM R09 REGULAR APRIL 2013
III B.TECH. II SEM R09 REGULAR APRIL 2013
Introduction to the theory of computation
Introduction to the theory of computation
B tech ii year ii (r07) semester supplementary
B tech ii year ii (r07) semester supplementary
B tech iii year ii (r07) semester supplementary
B tech iii year ii (r07) semester supplementary
B tech i year (rrr05 r07) supplementary
B tech i year (rrr05 r07) supplementary
B tech iv year i (r07) semester supplementary
B tech iv year i (r07) semester supplementary
B tech iii year i (r07) semester supplementary
B tech iii year i (r07) semester supplementary
B tech ii year i (r07) semester supplementary
B tech ii year i (r07) semester supplementary
Bp
Bp
Último
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
AshokKarra1
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
mary850239
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
Anupkumar Sharma
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
Vanessa Camilleri
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
VanesaIglesias10
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
Celine George
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
ErwinPantujan2
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
Mark Reed
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture hons
ManeerUddin
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
navabharathschool99
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
cama23
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
KayeClaireEstoconing
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
Celine George
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
Conquiztadors- the Quiz Society of Sri Venkateswara College
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
Conquiztadors- the Quiz Society of Sri Venkateswara College
Concurrency Control in Database Management system
Concurrency Control in Database Management system
Christalin Nelson
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
lancelewisportillo
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
iammrhaywood
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
Nguyen Thanh Tu Collection
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
mary850239
Último
(20)
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture hons
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
Concurrency Control in Database Management system
Concurrency Control in Database Management system
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
Basic html tutoirialp2
1.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au All Creative Designs Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version June 2010 My First Web Page This tutorial will add backgrounds to the table and body, font colors, borders, hyperlinks and more to your web page created in Part 1. We didn’t specify a font color, font type or body color in our first web page and so by default the internet browser will show a white body background, the font type will be Times New Roman in black and no borders are shown. To change this we will add extra elements within our HTML tags. Step 1 Open your index.html file we created in Part 1 Navigate to your index.html file and single right click, select Open With and left click Notepad. See figure 1 Figure 1 Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 1 of 8
2.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au Step 2 Go to our Background Gallery page and click on Backgrounds Folder Page 3 http://www.allcreativedesigns.com.au/ pages/gallbackgrounds3.html You might have to type or copy and paste this address into your browser if viewing the PDF version Scroll down and left click Tiling Background ‘Water Aqua’. Right click the new small window and select copy than paste into your my_fisrt_webpage folder. Make sure you right click directly over the image; otherwise the option of Copy will not show. Repeat process with the Tiling Background called Green Fading. (Again click directly on the image) (See figure 2) Figure 2 Step 3 Start with the Body tag (new addition are shown in green) Change the body tag in your index.html file to this: <body background=” tilebgWaterAqua.jpg”> This will set your body background to the above image. Change the table tag in your index.html file to this: <table align=”center” background=” tilebgFadegreen2H.jpg” border=”1”> This will set your table background to the above image and create a border around the table at size 1. Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 2 of 8
3.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au Remember do not copy and paste from MS Word and check your spelling. In your notepad index.html document click file in top menu bar and click save. In windows explorer (My Computer) navigate to your my_first_webpage folder and double left click your index.html file. Your web page should open in your default web browser i.e. Internet Explorer or Mozilla Fire Fox. Table View of updated web page (See figure 3) First Column Second Column First row Cell Cell Second row Cell Cell Figure 3 Body Overlaid text boxes explain the table structure. You might like to repeat the process with two tiling backgrounds of your choice. Step 4 Continue with the first row tag (new addition are shown in green) <tr bgcolor=”black”> Note color is spelt without the u, the American way, spelling it colour will not work. This will set the background color of the first row to black. As our headline font is black by default it will disappear, so we will change it to white. To do this wrap font tags around the headline text <td><h1><font color=”white”>Fred’s Home Page</font></h1></td> It would look better with our headline centered, for this we include a center tag around the headline tags. <td><center><h1><font color=”white”>Fred’s Home Page</font></h1></center></td> Specifying color by name: All major colors will work; try aqua, cyan, pink or others. Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 3 of 8
4.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au Specifying color by Hexadecimal Code will be covered later. Inserting Line breaks into your text Use the <br /> tag to start a new line of text <td>Type some text <br />HTML is written in the form of labels <br /> (known as tags or elements), <br /> surrounded by angle brackets. </td> The <br /> tag can be used for spacing in your web page, add three break tags after your last word of text. Note: There is no closing tag as forward slash is included in break tag. Your notepad index.html document should look similar to this (See figure 4) Figure 4 Save your updated web page: In your notepad index.html document click file in top menu bar and click save. View your web page: In windows explorer (My Computer) navigate to your my_first_webpage folder and double left click your index.html file to view your updated web page. Your web page should look similar to this (See figure 5) Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 4 of 8
5.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au Gap Figure 5 You may notice the size of the columns changing after you inserted breaks into your text to avoid this specify the width of the first column. <td width=”700”><h1><font color=”white”>Fred’s Home Page</font></h1></td> To eliminate the gap on top of your webpage insert a top margin into the body tag. <body background=” tilebgWaterAqua.jpg” topmargin=”0”> To center your images in their columns wrap a center tag around your image tag. <td><center><img src=”image_file_name.jpg” /></center></td> Save your updated web page: In your notepad index.html document click file in top menu bar and click save. Step 5 Hyperlinks to other web sites To link your web page to other web sites use the following code and insert after your last three line breaks in the text column: <td>Your Text<br /><br /><br /> <a href=http://www.google.com.au target=”blank” >Google Link</a></td> Clicking the text Google Link in your web page will open the Google Home page in your browser. Insert target=”blank” if you like Google to open up in its own browser window. By default links are shown in colors and are underlined. Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 5 of 8
6.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au Links to E-mail addresses If you like to be contacted through your e-mail address include the code below. After the Google link type two <br /> tags than <a href=http://www.google.com.au target=”blank” >Google Link</a><br /><br /> <a href=”mailto:username@yahoo.com.au”>Contact me</a></td> Use your own e-mail address. Clicking Contact me will open e-mail software like Outlook Express with your e-mail address inserted. Save your updated web page: In your notepad index.html document click file in top menu bar and click save. Your notepad index.html document should look similar to this (See figure 6) Figure 6 Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 6 of 8
7.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au View your web page: Trouble Shooting: Most errors are caused by spelling mistakes and added or missing spaces in HTML tags. Check for missing inverted comas and closing tags. The third part of this tutorial explains: How to create another web page and link it to your homepage. (The start of a little web site) Specifying color by Hexadecimal Code How to use your own images List of useful html tags and more Have fun with your web page and experiment with different images, backgrounds and colors. Other tutorials available from www.allcreativedesigns.com.au You might have to type or copy and paste this address into your browser if viewing the PDF version www.allcreativedesigns.com.au/pages/tutorialbasicp1.html HTML Web Page Tutorial using Notepad, PDF Download Page Part 1 www.allcreativedesigns.com.au/pages/tutorialbasicp3.html Free PDF HTML Tag Tutorial using Notepad, Download Page Part 3 Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 7 of 8
8.
Any content from
this tutorial may not be redistributed or reproduced in any way, shape, or form without the written permission by Peter Krisch of allcreativedesigns.com.au www.allcreativedesigns.com.au/pages/webtutorialkompozer.html Web Design Tutorial using KompoZer, PDF Download Page www.allcreativedesigns.com.au/pages/tutorialpicasa.html Picasa Photo Editing Tutorial, Free PDF Download Page www.allcreativedesigns.com.au/pages/tutorialseo.html SEO Tutorial Basic Search Engine Optimization PDF Download Page Copyright © 2007 - 2010 Basic HTML Tutorial Part 2 by Peter Krisch 8 of 8
Descargar ahora