SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Khoa Dang (Kay)
       CSUEB
     Web Design
      Art 2830
HTML
• HTML stands for Hypertext Markup Language.
  HTML is which makes whatever documents
  become a link or html helps documents to be
  posted up on the internet as a type of
  computer language. As simple as it looks;
  however, to create a website by html requires
  complicated work, such as coding. Codes are
  constructed with tags and these tags are
  placed into a tree.
The Function
• HTML, the function of it is to link websites
  together and it is possible consists graphic and
  images. HTML can also be displayed as many
  different ways and styles as the designers
  want. Furthermore; HTML contains a lot of
  tags and each of the tag has its own function.
  For example, Doctype is for defining
  document types, <1> to <6> is for heading and
  ect…
The Attributes
• The Attributes of HTML are
  Core, Class, Style, Title, Lang, and DIR. Core is
  and ID which identifies an element in a
  document. Class is to specifies elements to be
  in one or more classes. Style is used for
  creating texts, colors or background. Title
  specifies an extra information of elements.
  Lang is simply a language that utilized in a
  webpage. DIR is known as directory that set
  the webpages in what way to be read.
Creating an HTML
• To create a HTML element, users always must start a tag and
  end with one. For example; <p> This is a paragraph </p> (This
  is a paragraph)
• Forgetting ending tags after opening tags will result errors and
  affects the use of the webpages.
• This is heading
Examples:                    • This is heading
                             •   This is heading
<h1>This is heading 1</h1>   •   This is heading
<h2>This is heading 2</h2>   •   This is heading

<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Examples:

Pictures:
<body>

<img
src="w3schools.jpg
" width="104"
height="142" />

</body>
</html>
• This is a paragraph
Examples:                     • This is a paragraph
Examples of paragraphs:       • This is a paragraph
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>
To create a                                 • HTML Tutorial This is a link
hyperlink, HTML should
look like:
                                              to a page on this website.
<html>
<body>
                                            • Google This is a link to a
<p>
                                              website on the World Wide
<a href="default.asp">HTML
Tutorial</a> This is a link to a page on
                                              Web.
this website.
</p>

<p>
<a
href="http://www.google.com/">Goog
le</a> This is a link to a website on the
World Wide Web.
</p>

</body>
</html>
The End

Thank You!!!

Weitere ähnliche Inhalte

Was ist angesagt?

What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLMeghan Frisco
 
Css presentation lecture 1
Css presentation lecture 1Css presentation lecture 1
Css presentation lecture 1Mudasir Syed
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSSWeb1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSSNYCSS Meetup
 
How to create basic webpage
How to create basic webpageHow to create basic webpage
How to create basic webpageJames Erro
 
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginnersHTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginnersPrakritiDhang
 
Html basics 1
Html basics 1Html basics 1
Html basics 1H K
 
Html basics-auro skills
Html basics-auro skillsHtml basics-auro skills
Html basics-auro skillsBoneyGawande
 
Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLOlivia Moran
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desainfaizibra
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niazikram niaz
 
HTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - IHTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - Ivincentleeuwen
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLOlivia Moran
 

Was ist angesagt? (20)

What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
 
HTML5
HTML5 HTML5
HTML5
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Css presentation lecture 1
Css presentation lecture 1Css presentation lecture 1
Css presentation lecture 1
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSSWeb1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
 
Basic HTML/CSS
Basic HTML/CSSBasic HTML/CSS
Basic HTML/CSS
 
How to create basic webpage
How to create basic webpageHow to create basic webpage
How to create basic webpage
 
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginnersHTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginners
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html basics-auro skills
Html basics-auro skillsHtml basics-auro skills
Html basics-auro skills
 
HTML/CSS Lecture 1
HTML/CSS Lecture 1HTML/CSS Lecture 1
HTML/CSS Lecture 1
 
Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
 
Web development basics
Web development basicsWeb development basics
Web development basics
 
HTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - IHTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - I
 
Css introduction
Css   introductionCss   introduction
Css introduction
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 

Andere mochten auch

hsd-faculty-lunch-jan06
hsd-faculty-lunch-jan06hsd-faculty-lunch-jan06
hsd-faculty-lunch-jan06webuploader
 
Nuestro viaje de estudio 2012 valentina hallam stur
Nuestro viaje de estudio 2012 valentina hallam sturNuestro viaje de estudio 2012 valentina hallam stur
Nuestro viaje de estudio 2012 valentina hallam sturnataliafoletto
 
What is FabHub - October 2011
What is FabHub - October 2011What is FabHub - October 2011
What is FabHub - October 2011thruflo
 
Week 3 carson
Week 3   carsonWeek 3   carson
Week 3 carsonEpicMeg
 
Trip green
Trip greenTrip green
Trip greenkckozf
 
Livestrong 10.18.10
Livestrong 10.18.10Livestrong 10.18.10
Livestrong 10.18.10David Shanks
 
Firm Enjoys Epic Growth
Firm Enjoys Epic GrowthFirm Enjoys Epic Growth
Firm Enjoys Epic Growthkrhino2000
 
Question Answering on Romanian, English and French Languages
Question Answering on Romanian, English and French LanguagesQuestion Answering on Romanian, English and French Languages
Question Answering on Romanian, English and French LanguagesFaculty of Computer Science
 
An adaptive method for noise removal from real world images
An adaptive method for noise removal from real world imagesAn adaptive method for noise removal from real world images
An adaptive method for noise removal from real world imagesIAEME Publication
 
Assessment Literacy For GIPS
Assessment Literacy For GIPSAssessment Literacy For GIPS
Assessment Literacy For GIPSGlenn Wiebe
 
Reestruturação do Anel Rodoviário de Belo Horizonte
Reestruturação do Anel Rodoviário de Belo HorizonteReestruturação do Anel Rodoviário de Belo Horizonte
Reestruturação do Anel Rodoviário de Belo HorizonteMarcelo Leopold
 
2012 mdsp pr03 kalman filter
2012 mdsp pr03 kalman filter2012 mdsp pr03 kalman filter
2012 mdsp pr03 kalman filternozomuhamada
 
Should I study online?
Should I study online?Should I study online?
Should I study online?Cognotion
 

Andere mochten auch (20)

hsd-faculty-lunch-jan06
hsd-faculty-lunch-jan06hsd-faculty-lunch-jan06
hsd-faculty-lunch-jan06
 
.doc
.doc.doc
.doc
 
Nuestro viaje de estudio 2012 valentina hallam stur
Nuestro viaje de estudio 2012 valentina hallam sturNuestro viaje de estudio 2012 valentina hallam stur
Nuestro viaje de estudio 2012 valentina hallam stur
 
What is FabHub - October 2011
What is FabHub - October 2011What is FabHub - October 2011
What is FabHub - October 2011
 
Week 3 carson
Week 3   carsonWeek 3   carson
Week 3 carson
 
C044031823
C044031823C044031823
C044031823
 
Company profile
Company profileCompany profile
Company profile
 
20120140504027
2012014050402720120140504027
20120140504027
 
3
33
3
 
Trip green
Trip greenTrip green
Trip green
 
Livestrong 10.18.10
Livestrong 10.18.10Livestrong 10.18.10
Livestrong 10.18.10
 
Firm Enjoys Epic Growth
Firm Enjoys Epic GrowthFirm Enjoys Epic Growth
Firm Enjoys Epic Growth
 
Question Answering on Romanian, English and French Languages
Question Answering on Romanian, English and French LanguagesQuestion Answering on Romanian, English and French Languages
Question Answering on Romanian, English and French Languages
 
An adaptive method for noise removal from real world images
An adaptive method for noise removal from real world imagesAn adaptive method for noise removal from real world images
An adaptive method for noise removal from real world images
 
Assessment Literacy For GIPS
Assessment Literacy For GIPSAssessment Literacy For GIPS
Assessment Literacy For GIPS
 
Kwizzare
KwizzareKwizzare
Kwizzare
 
Reestruturação do Anel Rodoviário de Belo Horizonte
Reestruturação do Anel Rodoviário de Belo HorizonteReestruturação do Anel Rodoviário de Belo Horizonte
Reestruturação do Anel Rodoviário de Belo Horizonte
 
2012 mdsp pr03 kalman filter
2012 mdsp pr03 kalman filter2012 mdsp pr03 kalman filter
2012 mdsp pr03 kalman filter
 
KALCIO
KALCIOKALCIO
KALCIO
 
Should I study online?
Should I study online?Should I study online?
Should I study online?
 

Ähnlich wie Khoa dang (kay)

Ähnlich wie Khoa dang (kay) (20)

SEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.inSEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.in
 
Html
HtmlHtml
Html
 
html
htmlhtml
html
 
HTML & CSS.ppt
HTML & CSS.pptHTML & CSS.ppt
HTML & CSS.ppt
 
Html
Html Html
Html
 
1-22-24 INFO 2106.pptx
1-22-24 INFO 2106.pptx1-22-24 INFO 2106.pptx
1-22-24 INFO 2106.pptx
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
 
Intro to html revised2
Intro to html revised2Intro to html revised2
Intro to html revised2
 
Html intro
Html introHtml intro
Html intro
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
 
WEB PROGRAMMING- Web page creation using HTML Tags
WEB PROGRAMMING-  Web page creation using HTML TagsWEB PROGRAMMING-  Web page creation using HTML Tags
WEB PROGRAMMING- Web page creation using HTML Tags
 
Html
HtmlHtml
Html
 
Xhtml and html5 basics
Xhtml and html5 basicsXhtml and html5 basics
Xhtml and html5 basics
 
Html2
Html2Html2
Html2
 
HTML 5_cfbe4b8d-092saawww24bb33cb2358.pptx
HTML 5_cfbe4b8d-092saawww24bb33cb2358.pptxHTML 5_cfbe4b8d-092saawww24bb33cb2358.pptx
HTML 5_cfbe4b8d-092saawww24bb33cb2358.pptx
 
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptxlearnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
 
FYBSC IT Web Programming Unit I HTML 5 & andcss
FYBSC IT Web Programming Unit I HTML 5 & andcssFYBSC IT Web Programming Unit I HTML 5 & andcss
FYBSC IT Web Programming Unit I HTML 5 & andcss
 
Basics of html for web development by software outsourcing company india
Basics of html for web development   by software outsourcing company indiaBasics of html for web development   by software outsourcing company india
Basics of html for web development by software outsourcing company india
 

Kürzlich hochgeladen

Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture honsFood processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture honsManeerUddin
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 

Kürzlich hochgeladen (20)

Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture honsFood processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture hons
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 

Khoa dang (kay)

  • 1. Khoa Dang (Kay) CSUEB Web Design Art 2830
  • 2. HTML • HTML stands for Hypertext Markup Language. HTML is which makes whatever documents become a link or html helps documents to be posted up on the internet as a type of computer language. As simple as it looks; however, to create a website by html requires complicated work, such as coding. Codes are constructed with tags and these tags are placed into a tree.
  • 3. The Function • HTML, the function of it is to link websites together and it is possible consists graphic and images. HTML can also be displayed as many different ways and styles as the designers want. Furthermore; HTML contains a lot of tags and each of the tag has its own function. For example, Doctype is for defining document types, <1> to <6> is for heading and ect…
  • 4. The Attributes • The Attributes of HTML are Core, Class, Style, Title, Lang, and DIR. Core is and ID which identifies an element in a document. Class is to specifies elements to be in one or more classes. Style is used for creating texts, colors or background. Title specifies an extra information of elements. Lang is simply a language that utilized in a webpage. DIR is known as directory that set the webpages in what way to be read.
  • 5. Creating an HTML • To create a HTML element, users always must start a tag and end with one. For example; <p> This is a paragraph </p> (This is a paragraph) • Forgetting ending tags after opening tags will result errors and affects the use of the webpages.
  • 6. • This is heading Examples: • This is heading • This is heading <h1>This is heading 1</h1> • This is heading <h2>This is heading 2</h2> • This is heading <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>
  • 8. • This is a paragraph Examples: • This is a paragraph Examples of paragraphs: • This is a paragraph <body> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html>
  • 9. To create a • HTML Tutorial This is a link hyperlink, HTML should look like: to a page on this website. <html> <body> • Google This is a link to a <p> website on the World Wide <a href="default.asp">HTML Tutorial</a> This is a link to a page on Web. this website. </p> <p> <a href="http://www.google.com/">Goog le</a> This is a link to a website on the World Wide Web. </p> </body> </html>