Enviar pesquisa
Carregar
HTML & XHTML Basics
•
Transferir como PPSX, PDF
•
3 gostaram
•
3,086 visualizações
Hossein Zahed
Seguir
Educação
Tecnologia
Notícias e política
Vista de apresentação de diapositivos
Denunciar
Compartilhar
Vista de apresentação de diapositivos
Denunciar
Compartilhar
1 de 37
Baixar agora
Recomendados
CSS Basics
CSS Basics
Hossein Zahed
Html - By Auroskkil
Html - By Auroskkil
BoneyGawande
Html basics-auro skills
Html basics-auro skills
BoneyGawande
CSS-3 Course Slide
CSS-3 Course Slide
BoneyGawande
HTML/CSS Lecture 1
HTML/CSS Lecture 1
Lee Lundrigan
Css presentation lecture 1
Css presentation lecture 1
Mudasir Syed
Html css java script basics All about you need
Html css java script basics All about you need
Dipen Parmar
Hushang Gaikwad
Hushang Gaikwad
Hushnag Gaikwad
Recomendados
CSS Basics
CSS Basics
Hossein Zahed
Html - By Auroskkil
Html - By Auroskkil
BoneyGawande
Html basics-auro skills
Html basics-auro skills
BoneyGawande
CSS-3 Course Slide
CSS-3 Course Slide
BoneyGawande
HTML/CSS Lecture 1
HTML/CSS Lecture 1
Lee Lundrigan
Css presentation lecture 1
Css presentation lecture 1
Mudasir Syed
Html css java script basics All about you need
Html css java script basics All about you need
Dipen Parmar
Hushang Gaikwad
Hushang Gaikwad
Hushnag Gaikwad
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
Introduction to HTML and CSS
Introduction to HTML and CSS
Mario Hernandez
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
Sharon Wasden
Presentation on html, css
Presentation on html, css
Aamir Sohail
Internet and Web Technology (CLASS-4) [CSS & JS]
Internet and Web Technology (CLASS-4) [CSS & JS]
Ayes Chinmay
HTML CSS | Computer Science
HTML CSS | Computer Science
Transweb Global Inc
Boostrap basics
Boostrap basics
JTechTown
Html & CSS
Html & CSS
JainilSampat
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
Aditya Dwivedi
Introduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
Html / CSS Presentation
Html / CSS Presentation
Shawn Calvert
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
Fahim Abdullah
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
Vero Rebagliatte
HTML CSS Best Practices
HTML CSS Best Practices
hoctudau
Introduction to HTML
Introduction to HTML
Amit Tyagi
Introduction to html course digital markerters
Introduction to html course digital markerters
SEO SKills
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
Web I - 02 - XHTML Introduction
Web I - 02 - XHTML Introduction
Randy Connolly
HTML CSS JS in Nut shell
HTML CSS JS in Nut shell
Ashwin Shiv
Intro to HTML & CSS
Intro to HTML & CSS
Syed Sami
ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015
Hossein Zahed
Web II - 02 - How ASP.NET Works
Web II - 02 - How ASP.NET Works
Randy Connolly
Mais conteúdo relacionado
Mais procurados
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
Introduction to HTML and CSS
Introduction to HTML and CSS
Mario Hernandez
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
Sharon Wasden
Presentation on html, css
Presentation on html, css
Aamir Sohail
Internet and Web Technology (CLASS-4) [CSS & JS]
Internet and Web Technology (CLASS-4) [CSS & JS]
Ayes Chinmay
HTML CSS | Computer Science
HTML CSS | Computer Science
Transweb Global Inc
Boostrap basics
Boostrap basics
JTechTown
Html & CSS
Html & CSS
JainilSampat
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
Aditya Dwivedi
Introduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
Html / CSS Presentation
Html / CSS Presentation
Shawn Calvert
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
Fahim Abdullah
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
Vero Rebagliatte
HTML CSS Best Practices
HTML CSS Best Practices
hoctudau
Introduction to HTML
Introduction to HTML
Amit Tyagi
Introduction to html course digital markerters
Introduction to html course digital markerters
SEO SKills
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
Web I - 02 - XHTML Introduction
Web I - 02 - XHTML Introduction
Randy Connolly
HTML CSS JS in Nut shell
HTML CSS JS in Nut shell
Ashwin Shiv
Intro to HTML & CSS
Intro to HTML & CSS
Syed Sami
Mais procurados
(20)
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Introduction to HTML and CSS
Introduction to HTML and CSS
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
Presentation on html, css
Presentation on html, css
Internet and Web Technology (CLASS-4) [CSS & JS]
Internet and Web Technology (CLASS-4) [CSS & JS]
HTML CSS | Computer Science
HTML CSS | Computer Science
Boostrap basics
Boostrap basics
Html & CSS
Html & CSS
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
Introduction of Html/css/js
Introduction of Html/css/js
Html / CSS Presentation
Html / CSS Presentation
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
HTML CSS Best Practices
HTML CSS Best Practices
Introduction to HTML
Introduction to HTML
Introduction to html course digital markerters
Introduction to html course digital markerters
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Web I - 02 - XHTML Introduction
Web I - 02 - XHTML Introduction
HTML CSS JS in Nut shell
HTML CSS JS in Nut shell
Intro to HTML & CSS
Intro to HTML & CSS
Destaque
ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015
Hossein Zahed
Web II - 02 - How ASP.NET Works
Web II - 02 - How ASP.NET Works
Randy Connolly
Big Data World
Big Data World
Hossein Zahed
Entity Framework Overview
Entity Framework Overview
ukdpe
ASP.NET 02 - How ASP.NET Works
ASP.NET 02 - How ASP.NET Works
Randy Connolly
ASP.NET 12 - State Management
ASP.NET 12 - State Management
Randy Connolly
CSharp Language Overview Part 1
CSharp Language Overview Part 1
Hossein Zahed
SEO Fundamentals
SEO Fundamentals
Hossein Zahed
Microsoft SQL Server 2008
Microsoft SQL Server 2008
Hossein Zahed
Interview questions on asp
Interview questions on asp
Mrunal Bhandarkar
Dot net interview questions
Dot net interview questions
Netra Wable
Top 15-asp-dot-net-interview-questions-and-answers
Top 15-asp-dot-net-interview-questions-and-answers
sonia merchant
Dot Net Accenture
Dot Net Accenture
Sri K
Top 20 Asp.net interview Question and answers
Top 20 Asp.net interview Question and answers
w3asp dotnet
Top 20 c# interview Question and answers
Top 20 c# interview Question and answers
w3asp dotnet
Cts informatica interview question answers
Cts informatica interview question answers
Sweta Singh
DotNet & Sql Server Interview Questions
DotNet & Sql Server Interview Questions
Neeraj Kaushik
important DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And Interviews
Rahul Jain
Top 100 .Net Interview Questions and Answer
Top 100 .Net Interview Questions and Answer
Vineet Kumar Saini
Accenture informatica interview question answers
Accenture informatica interview question answers
Sweta Singh
Destaque
(20)
ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015
Web II - 02 - How ASP.NET Works
Web II - 02 - How ASP.NET Works
Big Data World
Big Data World
Entity Framework Overview
Entity Framework Overview
ASP.NET 02 - How ASP.NET Works
ASP.NET 02 - How ASP.NET Works
ASP.NET 12 - State Management
ASP.NET 12 - State Management
CSharp Language Overview Part 1
CSharp Language Overview Part 1
SEO Fundamentals
SEO Fundamentals
Microsoft SQL Server 2008
Microsoft SQL Server 2008
Interview questions on asp
Interview questions on asp
Dot net interview questions
Dot net interview questions
Top 15-asp-dot-net-interview-questions-and-answers
Top 15-asp-dot-net-interview-questions-and-answers
Dot Net Accenture
Dot Net Accenture
Top 20 Asp.net interview Question and answers
Top 20 Asp.net interview Question and answers
Top 20 c# interview Question and answers
Top 20 c# interview Question and answers
Cts informatica interview question answers
Cts informatica interview question answers
DotNet & Sql Server Interview Questions
DotNet & Sql Server Interview Questions
important DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And Interviews
Top 100 .Net Interview Questions and Answer
Top 100 .Net Interview Questions and Answer
Accenture informatica interview question answers
Accenture informatica interview question answers
Semelhante a HTML & XHTML Basics
Session no 1 html
Session no 1 html
Saif Ullah Dar
Cascading Style Sheets - CSS - Tutorial
Cascading Style Sheets - CSS - Tutorial
MSA Technosoft
Html5 css3
Html5 css3
Altaf Pinjari
Web design and Development
Web design and Development
Shagor Ahmed
Web Design Basics
Web Design Basics
Cindy Royal
Teched Inetrgation ppt and lering in simple
Teched Inetrgation ppt and lering in simple
JagadishBabuParri
HTML & CSS 2017
HTML & CSS 2017
Colin Loretz
Dhtml chapter2
Dhtml chapter2
FLYMAN TECHNOLOGY LIMITED
Vijay it 2 year
Vijay it 2 year
shahilgupta
HTML Basics by software development company india
HTML Basics by software development company india
iFour Institute - Sustainable Learning
HTML.pptx
HTML.pptx
DipaliJagtap6
wd project.pptx
wd project.pptx
dsffsdf1
Advanced Web Programming Chapter 8
Advanced Web Programming Chapter 8
RohanMistry15
Css training tutorial css3 & css4 essentials
Css training tutorial css3 & css4 essentials
QA TrainingHub
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
Heather Rock
Lab#2 overview of html
Lab#2 overview of html
Yaowaluck Promdee
Introduction to html & css
Introduction to html & css
sesharao puvvada
Html 5
Html 5
DanellaPatrick
The HTML Beginner Tutorial
The HTML Beginner Tutorial
Sukh Sandhu
Introduction to whats new in css3
Introduction to whats new in css3
Usman Mehmood
Semelhante a HTML & XHTML Basics
(20)
Session no 1 html
Session no 1 html
Cascading Style Sheets - CSS - Tutorial
Cascading Style Sheets - CSS - Tutorial
Html5 css3
Html5 css3
Web design and Development
Web design and Development
Web Design Basics
Web Design Basics
Teched Inetrgation ppt and lering in simple
Teched Inetrgation ppt and lering in simple
HTML & CSS 2017
HTML & CSS 2017
Dhtml chapter2
Dhtml chapter2
Vijay it 2 year
Vijay it 2 year
HTML Basics by software development company india
HTML Basics by software development company india
HTML.pptx
HTML.pptx
wd project.pptx
wd project.pptx
Advanced Web Programming Chapter 8
Advanced Web Programming Chapter 8
Css training tutorial css3 & css4 essentials
Css training tutorial css3 & css4 essentials
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
Lab#2 overview of html
Lab#2 overview of html
Introduction to html & css
Introduction to html & css
Html 5
Html 5
The HTML Beginner Tutorial
The HTML Beginner Tutorial
Introduction to whats new in css3
Introduction to whats new in css3
Mais de Hossein Zahed
Machine Learning with ML.NET
Machine Learning with ML.NET
Hossein Zahed
8 Database Paradigms
8 Database Paradigms
Hossein Zahed
مبانی رایانش ابری
مبانی رایانش ابری
Hossein Zahed
HTTPS نحوه کارکرد پروتکل
HTTPS نحوه کارکرد پروتکل
Hossein Zahed
مبانی چابکی و اسکرام
مبانی چابکی و اسکرام
Hossein Zahed
آموزش سی شارپ - بخش 1
آموزش سی شارپ - بخش 1
Hossein Zahed
فرآیند توسعه نرم افزار
فرآیند توسعه نرم افزار
Hossein Zahed
مبانی اینترنت
مبانی اینترنت
Hossein Zahed
تخته سیاه آنلاین
تخته سیاه آنلاین
Hossein Zahed
مفاهیم اساسی برنامه نویسی کامپیوتر
مفاهیم اساسی برنامه نویسی کامپیوتر
Hossein Zahed
Network Essentials v2.0
Network Essentials v2.0
Hossein Zahed
.Net Framework Basics
.Net Framework Basics
Hossein Zahed
Network Essentials
Network Essentials
Hossein Zahed
Mais de Hossein Zahed
(13)
Machine Learning with ML.NET
Machine Learning with ML.NET
8 Database Paradigms
8 Database Paradigms
مبانی رایانش ابری
مبانی رایانش ابری
HTTPS نحوه کارکرد پروتکل
HTTPS نحوه کارکرد پروتکل
مبانی چابکی و اسکرام
مبانی چابکی و اسکرام
آموزش سی شارپ - بخش 1
آموزش سی شارپ - بخش 1
فرآیند توسعه نرم افزار
فرآیند توسعه نرم افزار
مبانی اینترنت
مبانی اینترنت
تخته سیاه آنلاین
تخته سیاه آنلاین
مفاهیم اساسی برنامه نویسی کامپیوتر
مفاهیم اساسی برنامه نویسی کامپیوتر
Network Essentials v2.0
Network Essentials v2.0
.Net Framework Basics
.Net Framework Basics
Network Essentials
Network Essentials
Último
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
Dr. Mazin Mohamed alkathiri
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
chloefrazer622
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
RaunakKeshri1
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
Thiyagu K
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
Chameera Dedduwage
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Maksud Ahmed
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Pooja Nehwal
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
National Information Standards Organization (NISO)
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
EduSkills OECD
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
Thiyagu K
9548086042 for call girls in Indira Nagar with room service
9548086042 for call girls in Indira Nagar with room service
discovermytutordmt
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
Association for Project Management
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
Shobhayan Kirtania
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
iammrhaywood
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
TechSoup
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
RAM LAL ANAND COLLEGE, DELHI UNIVERSITY.
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
GeoBlogs
Último
(20)
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
9548086042 for call girls in Indira Nagar with room service
9548086042 for call girls in Indira Nagar with room service
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
HTML & XHTML Basics
1.
HTML & XHTML 1 HOSSEIN
ZAHED AMIR KABIR UNIVERSITY OF TECHNOLOGY HTTP://WWW.HZAHED.COM HOSSEIN.ASPX@GMAIL.COM © 2013 Hossein Zahed - www.hzahed.com
2.
Using HTML/XHTML 2 XHTML
is relatively simple. You do most of your work with about twenty tags. XHTML is orderly and structured Good references and tutorial sites are available Follow the standards and your work will be much simpler, more consistent, and your results more reliable Plus your co-workers will like you more © 2013 Hossein Zahed - www.hzahed.com
3.
Device Independence 3 Your audience
may view your site with many different devices and browser types. © 2013 Hossein Zahed - www.hzahed.com
4.
The Browser 4 The browser
is not print! © 2013 Hossein Zahed - www.hzahed.com
5.
The Browser Is
Not Print 5 No fixed page size No fixed page length User can change the font size User can link to her/his own local style sheet Screen size can be tiny or huge © 2013 Hossein Zahed - www.hzahed.com
6.
The Adjustable Document 6 ©
2013 Hossein Zahed - www.hzahed.com
7.
The Birth of
HTML 7 Created by Tim Berners-Lee at CERN Open standard developed under supervision of the World Wide Web Consortium (www.w3.org) © 2013 Hossein Zahed - www.hzahed.com
8.
The History of
HTML/XHTML 8 1992 – HTML first defined 1994 – HTML 2.0 1995 – Netscape specific non-standard HTML 1996 – HTML 3.2, compromise version 1997 – HTML 4.0, separates content from presentation 1998 – XML standard for writing Web languages 2000 – XHTML 1.0, XML compliant HTML 2002 – XHTML 2.0 2008 – HTML 5.0 © 2013 Hossein Zahed - www.hzahed.com
9.
Problems With HTML 9
In Large Scale Websites (Large number of HTML pages) changing anything is very hard Lack of Visual Effects in presentation Lack of Programming features, only Static Pages allowed. No database can be used Cross Browser Problems (Chrome, IE, Firefox) Lack of Multimedia support (Videos, Music, Flash Animation) © 2013 Hossein Zahed - www.hzahed.com
10.
XHTML 10 XHTML is
a version of HTML modified to conform to the XML standard Designed to separate content from presentation Content in XHTML Presentation controlled by Cascading Style Sheets (CSS) Extensible – Additional elements can be defined XML Compatible – Other XML based languages can be embedded in XHTML documents Like a programming language Specific syntax to use Validators help you get it right © 2013 Hossein Zahed - www.hzahed.com
11.
XHTML Differences 11 Case
is significant All elements must have begin tags and end tags <p>Hello</p> Empty elements contain their own end tag <br /> , <hr/> Attribute values must be enclosed in quotation marks More specifics available at http://www.w3.org/TR/xhtml1/#diffs © 2013 Hossein Zahed - www.hzahed.com
12.
A Simple XHTML
File 12 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> My Home Page </title> </head> <body> <h1>My Home Page </h1> <p> Welcome to my home page </p> </body> </html> © 2013 Hossein Zahed - www.hzahed.com
13.
Hierarchical Structure 13 Well formed
xhtml forms a hierarchy © 2013 Hossein Zahed - www.hzahed.com
14.
Content Types 14 Documents are
made up of logical types of content. © 2013 Hossein Zahed - www.hzahed.com
15.
Semantic Structure 15 Content of
the same type usually is formatted to look the same. © 2013 Hossein Zahed - www.hzahed.com
16.
Semantic Markup 16 HTML markup
is based on logical content types © 2013 Hossein Zahed - www.hzahed.com
17.
Hierarchy 17 The resulting hierarchy ©
2013 Hossein Zahed - www.hzahed.com
18.
The DOCTYPE Statement 18
Declares the specific version of HTML or XHTML being used on the page Used by the browser to decide how to process the page Three types Transitional - Forgiving Strict – Requires adherence to standards Frameset – Use if page has frames Always first in file © 2013 Hossein Zahed - www.hzahed.com
19.
Strict DOCTYPE 19 Enter
exactly as below <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN― "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Using Strict encourages standards based coding Validators will flag logical errors in your methods Your CSS will work better and more predictably © 2013 Hossein Zahed - www.hzahed.com
20.
Elements 20 Consist of
three parts Begin tag, which can contain attributes Contents End tag Example: <p id=―intro‖>Welcome</p> W3schools specifications for <p> http://www.w3schools.com/tags/tag_p.asp © 2013 Hossein Zahed - www.hzahed.com
21.
Attributes 21 Always only
used in the element begin tag Three types Optional attributes: Varies with element type Standard attributes: id, class, title, style, dir, lang, xml:lang Event attributes: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Used in scripting © 2013 Hossein Zahed - www.hzahed.com
22.
Empty Elements 22 Some
elements have no content and therefore also have no end tag <img src=―photo.jpg‖ /> <br /> <hr /> <link rel="stylesheet" type="text/css" href=―main.css" /> In XHTML, which requires end tags on all elements, a single tag represents both the begin and end tag © 2013 Hossein Zahed - www.hzahed.com
23.
Heading 23 <h1>, <h2>,
… , <h6> Headings on the page Represent the main topic, subtopics, subsubtopics, etc. of the page Important to use they in a logical manner, which greatly helps assistive technology like voice browsers present the page content intelligibly © 2013 Hossein Zahed - www.hzahed.com
24.
Paragraph 24 <p> Paragraph
Important for presentation control to put text in an element. When in doubt, put text in a paragraph Blockquotes (<blockquote>) except they have wider left and right margins © 2013 Hossein Zahed - www.hzahed.com
25.
List 25 Unordered lists
(bulleted lists) <ul> <li>One</li> <li>Two</li> </ul> Ordered lists (numbered lists) <ol> <li>One</li> <li>Two</li> </ol> © 2013 Hossein Zahed - www.hzahed.com
26.
Text Markup 26 Bolding
<b>text</b> <strong>text</strong> Italics <i>text</i> <em>text</em> Other <sub>text</sub> subscript <sup>text</sup> superscript <del>text</del> deleted text © 2013 Hossein Zahed - www.hzahed.com
27.
Table 27 <table border="1" cellspacing="5"
cellpadding="10"> <caption>People on the team</caption> <tr> <th>Name</th> <th>Position</th> </tr> <tr> <td>Mary</td> <td>Analyst</td> </tr> <tr> <td>John</td> <td>Technician</td> </tr> </table> © 2013 Hossein Zahed - www.hzahed.com
28.
Graphic (Image) 28 Graphics
are placed by using an img element The alt attribute provides alternative text describing the graphic in case the graphic itself cannot be shown or the user cannot see the graphic <img src="picture.gif" alt="Suzzallo― /> © 2013 Hossein Zahed - www.hzahed.com
29.
Anchor (Link) 29 Anchors
can link your page to any file, page, URL on the Web OR to a section on the same page <a href="http://www.washington.edu/"> University of Washington </a> © 2013 Hossein Zahed - www.hzahed.com
30.
Div 30 <div> Divs
enclose a set of elements <div style=―text-align: center;‖> <h2> News</h2> <p><a href=―budget.html‖>Budget</a></p> <p><a href=―invest.html‖>Investment</a></p> </div> © 2013 Hossein Zahed - www.hzahed.com
31.
Span 31 <span> Spans
enclose objects (text, graphics) within an element <p>Call me Ishmael. Some years ago — <span style=―fontstyle: italic;‖>never mind how long precisely</span> — having little or no money in my purse, and nothing particular to interest me on shore, © 2013 Hossein Zahed - www.hzahed.com
32.
Form 32 HTML forms
are used to pass data to a server An HTML form can contain input elements like Text Fields Checkboxes Radio-Buttons Submit Buttons and more Textarea Fieldset Legend Label © 2013 Hossein Zahed - www.hzahed.com
33.
Form Tags 33 <input
type="text"> Defines a one-line input field that a user can enter text into <input type="password"> Defines a password field <input type="radio"> Defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices <input type="checkbox"> Defines a checkbox. Checkboxes let a user select ZERO or MORE options of a limited number of choices <input type="submit"> Defines a submit button © 2013 Hossein Zahed - www.hzahed.com
34.
Form Tags 34 <fieldset>
Draws a box around the related elements <legend> Defines a caption for the <fieldset> element <select> Is used to create a drop-down list <option> Inside the <select> element define the available options in the list © 2013 Hossein Zahed - www.hzahed.com
35.
Other HTML Tags 35
<style> Defines style information for an HTML document <meta> Provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine pars able. <script> Contains scripting statements, or it points to an external script file through the src attribute. (Like JavaScript, VB Script) <embed> Defines a container for an external application or interactive content (a plug-in like Flash, YouTube). <iframe> An inline frame is used to embed another document within the current HTML document. <hidden> Defines a hidden input field © 2013 Hossein Zahed - www.hzahed.com
36.
HTML5 New Tags 36 <canvas>
Draws Graphics on the fly <video> Defines a video or movie <audio> Defines sound content <source> Defines multiple media resources <article> Defines an article <dialog> Defines a dialog box or window <header> Defines a header for a document or section <footer> Defines a footer for a document or section <mark> Defines marked / highlighted text <meter> Defines a scalar measurement within a known range <time> Defines a date/time © 2013 Hossein Zahed - www.hzahed.com
37.
Resources 37 W3schools http://www.w3schools.com/ RADCOM
(Farsi Language) http://www.html.ir © 2013 Hossein Zahed - www.hzahed.com
Baixar agora