SlideShare a Scribd company logo
HTML Template
<!doctype HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Ex1 | MVH </title>
</head>
<body>

</body>
</html>
HTML Elements
There are lots of elements
We will only be using a small subset
<!--...-->

Defines a comment

<!DOCTYPE>

Defines the document type

<a>

Defines a hyperlink

<abbr>

Defines an abbreviation

<address>

Defines contact information for the author/owner of a document

<area>

Defines an area inside an image-map

<article>New

Defines an article

<aside>New

Defines content aside from the page content

<audio>New

Defines sound content

<b>

Defines bold text

<base>

Specifies the base URL/target for all relative URLs in a document

<bdi>New

Isolates a part of text that might be formatted in a different direction from other text outside it

<bdo>

Overrides the current text direction

<blockquote>

Defines a section that is quoted from another source

<body>

Defines the document's body

<br>

Defines a single line break

<button>

Defines a clickable button

<canvas>New

Used to draw graphics, on the fly, via scripting (usually JavaScript)

<caption>

Defines a table caption

<cite>

Defines the title of a work

<code>

Defines a piece of computer code

<col>

Specifies column properties for each column within a <colgroup> element

<colgroup>

Specifies a group of one or more columns in a table for formatting

<command>New

Defines a command button that a user can invoke

<datalist>New

Specifies a list of pre-defined options for input controls

<dd>

Defines a description/value of a term in a description list

<del>

Defines text that has been deleted from a document

<details>New

Defines additional details that the user can view or hide

<dfn>

Defines a definition term

<dialog>New

Defines a dialog box or window

<div>

Defines a section in a document

<dl>

Defines a description list

<dt>

Defines a term/name in a description list

<em>

Defines emphasized text

<embed>New

Defines a container for an external (non-HTML) application

<fieldset>

Groups related elements in a form

<figcaption>New

Defines a caption for a <figure> element

<figure>New

Specifies self-contained content

<footer>New

Defines a footer for a document or section

<form>

Defines an HTML form for user input

<h1> to <h6>

Defines HTML headings

<head>

Defines information about the document

<header>New

Defines a header for a document or section

<hr>

Defines a thematic change in the content

<html>

Defines the root of an HTML document

<i>

Defines a part of text in an alternate voice or mood

<iframe>

Defines an inline frame

<img>

Defines an image

<input>

Defines an input control

<ins>

Defines a text that has been inserted into a document

<kbd>

Defines keyboard input

<keygen>New

Defines a key-pair generator field (for forms)

<label>

Defines a label for an <input> element

<legend>

Defines a caption for a <fieldset> element

<li>

Defines a list item

<link>

Defines the relationship between a document and an external resource (most used to link to style sheets)

<map>

Defines a client-side image-map

<mark>New

Defines marked/highlighted text

<menu>

Defines a list/menu of commands

<meta>

Defines metadata about an HTML document

<meter>New

Defines a scalar measurement within a known range (a gauge)

<nav>New

Defines navigation links

<noscript>

Defines an alternate content for users that do not support client-side scripts

<object>

Defines an embedded object

<ol>

Defines an ordered list
Most tags appear in pairs
<p>this is a paragraph</p>
A few do not

<hr>

More Related Content

What's hot (20)

Xml 215-presentation
Xml 215-presentationXml 215-presentation
Xml 215-presentation
 
Introduction to the DOM
Introduction to the DOMIntroduction to the DOM
Introduction to the DOM
 
HTML and DHTML
HTML and DHTMLHTML and DHTML
HTML and DHTML
 
uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2
 
Html 5
Html 5Html 5
Html 5
 
Dtd
DtdDtd
Dtd
 
uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
HTML guide for beginners
HTML guide for beginnersHTML guide for beginners
HTML guide for beginners
 
uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2
 
Java Script and HTML.
Java Script and HTML.Java Script and HTML.
Java Script and HTML.
 
Html basics
Html basicsHtml basics
Html basics
 
Html5 final
Html5 finalHtml5 final
Html5 final
 
Html
HtmlHtml
Html
 
Document Object Model (DOM)
Document Object Model (DOM)Document Object Model (DOM)
Document Object Model (DOM)
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
Xml p2 Lecture Notes
Xml p2 Lecture NotesXml p2 Lecture Notes
Xml p2 Lecture Notes
 
Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Viewers also liked

Timelapse News
Timelapse NewsTimelapse News
Timelapse NewsMaxis Kao
 
Quo vadis? - Future of Office 365 Apps & Services
Quo vadis? - Future of Office 365 Apps & ServicesQuo vadis? - Future of Office 365 Apps & Services
Quo vadis? - Future of Office 365 Apps & ServicesSPC Adriatics
 
Angka siluman side.ppt
Angka siluman side.pptAngka siluman side.ppt
Angka siluman side.pptAnisa Nurlita
 
Convocatoria cero rezago 2015
Convocatoria cero rezago 2015Convocatoria cero rezago 2015
Convocatoria cero rezago 2015Unidad Orizaba
 
La voix active et la voix passive
La voix active et la voix passive La voix active et la voix passive
La voix active et la voix passive Hanane Hanane
 
13 C NMR Spectroscopy by Dr Anthony Melvin Crasto
13 C NMR Spectroscopy by Dr Anthony Melvin Crasto13 C NMR Spectroscopy by Dr Anthony Melvin Crasto
13 C NMR Spectroscopy by Dr Anthony Melvin CrastoAnthony Melvin Crasto Ph.D
 
PM大我們換個方式寫文件吧
PM大我們換個方式寫文件吧PM大我們換個方式寫文件吧
PM大我們換個方式寫文件吧Jamis Liao
 

Viewers also liked (10)

Convocatoria le 94
Convocatoria le 94Convocatoria le 94
Convocatoria le 94
 
Timelapse News
Timelapse NewsTimelapse News
Timelapse News
 
Quo vadis? - Future of Office 365 Apps & Services
Quo vadis? - Future of Office 365 Apps & ServicesQuo vadis? - Future of Office 365 Apps & Services
Quo vadis? - Future of Office 365 Apps & Services
 
Angka siluman side.ppt
Angka siluman side.pptAngka siluman side.ppt
Angka siluman side.ppt
 
Convocatoria cero rezago 2015
Convocatoria cero rezago 2015Convocatoria cero rezago 2015
Convocatoria cero rezago 2015
 
La voix active et la voix passive
La voix active et la voix passive La voix active et la voix passive
La voix active et la voix passive
 
drug poisoning
drug poisoningdrug poisoning
drug poisoning
 
13 C NMR Spectroscopy by Dr Anthony Melvin Crasto
13 C NMR Spectroscopy by Dr Anthony Melvin Crasto13 C NMR Spectroscopy by Dr Anthony Melvin Crasto
13 C NMR Spectroscopy by Dr Anthony Melvin Crasto
 
PM大我們換個方式寫文件吧
PM大我們換個方式寫文件吧PM大我們換個方式寫文件吧
PM大我們換個方式寫文件吧
 
Opioids
OpioidsOpioids
Opioids
 

Similar to Html template (20)

Html 5 tags
Html  5 tagsHtml  5 tags
Html 5 tags
 
html-tags.docx
html-tags.docxhtml-tags.docx
html-tags.docx
 
HTML - LinkedIn
HTML - LinkedInHTML - LinkedIn
HTML - LinkedIn
 
HTML 5
HTML 5HTML 5
HTML 5
 
HTML Basics 1 workshop
HTML Basics 1 workshopHTML Basics 1 workshop
HTML Basics 1 workshop
 
4THseminar ppt on HTML-5.pptx
4THseminar ppt on HTML-5.pptx4THseminar ppt on HTML-5.pptx
4THseminar ppt on HTML-5.pptx
 
Introduction to HTML with syntax and tags.pptx
Introduction to HTML with syntax and tags.pptxIntroduction to HTML with syntax and tags.pptx
Introduction to HTML with syntax and tags.pptx
 
Html ppt
Html pptHtml ppt
Html ppt
 
41915024 html-5
41915024 html-541915024 html-5
41915024 html-5
 
HTML Training in Ambala ! BATRA COMPUTER CENTRE
HTML Training in Ambala ! BATRA COMPUTER CENTREHTML Training in Ambala ! BATRA COMPUTER CENTRE
HTML Training in Ambala ! BATRA COMPUTER CENTRE
 
HTML 4.0
HTML 4.0HTML 4.0
HTML 4.0
 
INTRODUTION TO HTML.pptx
INTRODUTION TO HTML.pptxINTRODUTION TO HTML.pptx
INTRODUTION TO HTML.pptx
 
Html Simple Tutorial
Html Simple TutorialHtml Simple Tutorial
Html Simple Tutorial
 
WEB DESIGNING.pdf
WEB DESIGNING.pdfWEB DESIGNING.pdf
WEB DESIGNING.pdf
 
Web designing
Web designingWeb designing
Web designing
 
Basic of HTML
Basic of  HTMLBasic of  HTML
Basic of HTML
 
Chapter 6 html
Chapter 6 htmlChapter 6 html
Chapter 6 html
 
Hyper Text Mark-up Language
Hyper Text Mark-up Language Hyper Text Mark-up Language
Hyper Text Mark-up Language
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Web Designing.docx
Web Designing.docxWeb Designing.docx
Web Designing.docx
 

Recently uploaded

special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfSpecial education needs
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfVivekanand Anglo Vedic Academy
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchVikramjit Singh
 
NLC-2024-Orientation-for-RO-SDO (1).pptx
NLC-2024-Orientation-for-RO-SDO (1).pptxNLC-2024-Orientation-for-RO-SDO (1).pptx
NLC-2024-Orientation-for-RO-SDO (1).pptxssuserbdd3e8
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasGeoBlogs
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxJisc
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxJisc
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfThiyagu K
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxEduSkills OECD
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345beazzy04
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfjoachimlavalley1
 
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...Denish Jangid
 
Cambridge International AS A Level Biology Coursebook - EBook (MaryFosbery J...
Cambridge International AS  A Level Biology Coursebook - EBook (MaryFosbery J...Cambridge International AS  A Level Biology Coursebook - EBook (MaryFosbery J...
Cambridge International AS A Level Biology Coursebook - EBook (MaryFosbery J...AzmatAli747758
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxJheel Barad
 
Basic_QTL_Marker-assisted_Selection_Sourabh.ppt
Basic_QTL_Marker-assisted_Selection_Sourabh.pptBasic_QTL_Marker-assisted_Selection_Sourabh.ppt
Basic_QTL_Marker-assisted_Selection_Sourabh.pptSourabh Kumar
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonSteve Thomason
 
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...Sayali Powar
 

Recently uploaded (20)

Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
NLC-2024-Orientation-for-RO-SDO (1).pptx
NLC-2024-Orientation-for-RO-SDO (1).pptxNLC-2024-Orientation-for-RO-SDO (1).pptx
NLC-2024-Orientation-for-RO-SDO (1).pptx
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
NCERT Solutions Power Sharing Class 10 Notes pdf
NCERT Solutions Power Sharing Class 10 Notes pdfNCERT Solutions Power Sharing Class 10 Notes pdf
NCERT Solutions Power Sharing Class 10 Notes pdf
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...
 
Cambridge International AS A Level Biology Coursebook - EBook (MaryFosbery J...
Cambridge International AS  A Level Biology Coursebook - EBook (MaryFosbery J...Cambridge International AS  A Level Biology Coursebook - EBook (MaryFosbery J...
Cambridge International AS A Level Biology Coursebook - EBook (MaryFosbery J...
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
Basic_QTL_Marker-assisted_Selection_Sourabh.ppt
Basic_QTL_Marker-assisted_Selection_Sourabh.pptBasic_QTL_Marker-assisted_Selection_Sourabh.ppt
Basic_QTL_Marker-assisted_Selection_Sourabh.ppt
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
 

Html template

  • 1. HTML Template <!doctype HTML> <html> <head> <meta charset="UTF-8"> <title>Ex1 | MVH </title> </head> <body> </body> </html>
  • 2. HTML Elements There are lots of elements We will only be using a small subset
  • 3. <!--...--> Defines a comment <!DOCTYPE> Defines the document type <a> Defines a hyperlink <abbr> Defines an abbreviation <address> Defines contact information for the author/owner of a document <area> Defines an area inside an image-map <article>New Defines an article <aside>New Defines content aside from the page content <audio>New Defines sound content <b> Defines bold text <base> Specifies the base URL/target for all relative URLs in a document <bdi>New Isolates a part of text that might be formatted in a different direction from other text outside it <bdo> Overrides the current text direction <blockquote> Defines a section that is quoted from another source <body> Defines the document's body <br> Defines a single line break <button> Defines a clickable button <canvas>New Used to draw graphics, on the fly, via scripting (usually JavaScript) <caption> Defines a table caption <cite> Defines the title of a work <code> Defines a piece of computer code <col> Specifies column properties for each column within a <colgroup> element <colgroup> Specifies a group of one or more columns in a table for formatting <command>New Defines a command button that a user can invoke <datalist>New Specifies a list of pre-defined options for input controls <dd> Defines a description/value of a term in a description list <del> Defines text that has been deleted from a document <details>New Defines additional details that the user can view or hide <dfn> Defines a definition term <dialog>New Defines a dialog box or window <div> Defines a section in a document <dl> Defines a description list <dt> Defines a term/name in a description list <em> Defines emphasized text <embed>New Defines a container for an external (non-HTML) application <fieldset> Groups related elements in a form <figcaption>New Defines a caption for a <figure> element <figure>New Specifies self-contained content <footer>New Defines a footer for a document or section <form> Defines an HTML form for user input <h1> to <h6> Defines HTML headings <head> Defines information about the document <header>New Defines a header for a document or section <hr> Defines a thematic change in the content <html> Defines the root of an HTML document <i> Defines a part of text in an alternate voice or mood <iframe> Defines an inline frame <img> Defines an image <input> Defines an input control <ins> Defines a text that has been inserted into a document <kbd> Defines keyboard input <keygen>New Defines a key-pair generator field (for forms) <label> Defines a label for an <input> element <legend> Defines a caption for a <fieldset> element <li> Defines a list item <link> Defines the relationship between a document and an external resource (most used to link to style sheets) <map> Defines a client-side image-map <mark>New Defines marked/highlighted text <menu> Defines a list/menu of commands <meta> Defines metadata about an HTML document <meter>New Defines a scalar measurement within a known range (a gauge) <nav>New Defines navigation links <noscript> Defines an alternate content for users that do not support client-side scripts <object> Defines an embedded object <ol> Defines an ordered list
  • 4. Most tags appear in pairs <p>this is a paragraph</p> A few do not <hr>