SlideShare uma empresa Scribd logo
1 de 26
HTML HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes, and other items. It allows images and objects to be embedded and can be used to create interactive forms
ELEMENTS HTML documents are composed entirely of HTML elements that, in their most general form have three components: a pair of element tags with a &quot;start tag&quot; and &quot;end tag&quot;; some element attributes given to the element within the tags; and finally, all the actual, textual and graphical[clarification needed], information content that will be rendered on the display <tag>content to be rendered</tag>
HTML APPLICATIONS An HTML Application (HTA; file extension &quot;.hta&quot;) is a Microsoft Windows application that uses HTML and Dynamic HTML in a browser to provide the application's graphical interface. A regular HTML file is confined to the security model of the web browser, communicating only to web servers and manipulating only webpage objects and site cookies
DATA TYPES An HTML Application (HTA; file extension &quot;.hta&quot;) is a Microsoft Windows application that uses HTML and Dynamic HTML in a browser to provide the application's graphical interface. A regular HTML file is confined to the security model of the web browser, communicating only to web servers and manipulating only webpage objects and site cookies
MARKUP HTML markup consists of several key components, including elements (and their attributes), character-based data types, and character references and entity references. Another important component is the document type declaration, which specifies the Document Type Definition <html> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body> </html>
The head tag Just like the header of a memo, the head of an HTML document contains special information, like its title. The head of a document is demarcated by <head> and </head> respectively. <html> <head> <title>My First HTML Document</title> </head>
Titles A title tag allows you to specify a Document Title in your browser window. When people make hotlists, this title is what they see in their list after they add your document. <title>My First HTML Document</title>
The body tag Like you might expect, the body tags <body> and </body> define the beginning and end of the bulk of your document. All your text, images, and links will be in the body of the document.  <html> <head> <title>My First HTML Document</title> </head> <body>
Paragraphs In HTML, a paragraph tag <p> should be put at the end of every paragraph of &quot;normal&quot; text (normal being defined as not already having a tag associated with it). <p> causes a line break and adds a trailing blank line <br> causes a line break with no trailing blank line
Boldface and Italics You can add emphasis to text by using the boldface and italic tags or the emphasis and strong tags. This is a <b>boldface</b> tag.  This is how boldfacing appears. This is an <i>italic</i> tag.  This is how italics appear.
Lists There is an easy way in HTML to have numbered, unnumbered, and definition lists Unnumbered lists Unnumbered lists are started with the <ul> tag, followed by the actual list items, which are marked with the <li> tag. The list is ended with the ending tag </ul>. <ul> <li> list item 1 <li> list item 2 <li> list item 3 </ul>
Numbered lists: Here is the same list using a numbered list format: <ol> <li> list item 1 <li> list item 2 <li> list item 3 </ol> Here is how that list would display: 1. list item 1 2. list item 2 3. list item 3
The blockquote tag indents the text (both on the left and right) inside the tags. The blockquote tag looks like this: <blockquote>...</blockquote> Blockquote
Center You can center text, images, and headings with the center tag: syntax: <center>This is a centered sentence</center> This is a centered sentence.
Addresses The <address> tag normally appears at the end of a document and is used most frequently to mark information on contacting the author or institution that has supplied this information <address> Introduction to HTML / Pat Androget / Pat_Androget@ncsu.edu </address> WILL BE: Introduction to HTML / Pat Androget / Pat_Androget@ncsu.edu
ADVANCED HTML COMMANDS
Defines the URL to which form output will be directed.  If the action  parameter is omitted then the URL of the document, itself, if assumed. Example: action=&quot;http://www.txsi.com/cgi-bin/form.pl&quot;  action=&quot;  &quot;
align= Defines the alignment of an object, element or some text. bottom  top :align=top Justify  :align=justify left middle(center) right :align=middle
background=&quot;  &quot; Defines a background image which will be used as the backdrop for the page. Example: background=&quot;images/back01.jpg&quot;
border= Defines the width in pixels of the  border surrounding a bordered object. Example: border=10
bgproperties= Used in conjunction with the background parameter in the Internet Explorer browser, this command attribute will allow a background image to float on a page like a watermark. Example: bgproperties=fixed
href=&quot;  &quot; Defines the location which is the object of hypertext reference anchor (link) or a default base hypertext reference. Example: href=&quot;http://www.iconbazaar.com&quot;
loop=&quot;  &quot; Used in the Internet Explorer browser to define whether or not a video image will loop back to the beginning and how many times it will repeat. Defined as a positive integer it sets the number of repetitions.  Defined as infinite or -1 it allows continuous looping.  The parameter is specific to the Internet Explorer browser. Example: loop=&quot;-1&quot;
scrolling= Controls whether or not scrolling is permitted within frames in a framed HTML document.] Example: scrolling=no
src=&quot;  &quot; Defines the source of an HTML object, generally an image or a file. Example: src=&quot;http://www.xmp.org/images/dot.gif&quot;
vlink= Defines the default color displayed by a visited link. Examples: vlink=&quot;cyan&quot;vlink=&quot;#00ffff&quot;

Mais conteúdo relacionado

Mais procurados (20)

Html ppt
Html pptHtml ppt
Html ppt
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
Presentation on HTML
Presentation on HTMLPresentation on HTML
Presentation on HTML
 
Html grade 11
Html grade 11Html grade 11
Html grade 11
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Html project
Html projectHtml project
Html project
 
Html
HtmlHtml
Html
 
Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
Html text formatting
Html text formattingHtml text formatting
Html text formatting
 
Module 2
Module 2Module 2
Module 2
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Prabu html
Prabu htmlPrabu html
Prabu html
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
Lecture 4
Lecture 4Lecture 4
Lecture 4
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html basic
Html basicHtml basic
Html basic
 
Html tags
Html tagsHtml tags
Html tags
 
Html
HtmlHtml
Html
 

Semelhante a Html (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Html
HtmlHtml
Html
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Html intro
Html introHtml intro
Html intro
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html
HtmlHtml
Html
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
HTML
HTMLHTML
HTML
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
Lecture1
Lecture1Lecture1
Lecture1
 
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
Web publishing and XHTML
Web publishing and XHTMLWeb publishing and XHTML
Web publishing and XHTML
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 

Mais de Rathan Raj (9)

Database Normalization
Database NormalizationDatabase Normalization
Database Normalization
 
Photochemical smog
Photochemical smogPhotochemical smog
Photochemical smog
 
Web20
Web20Web20
Web20
 
Ajax
AjaxAjax
Ajax
 
Apache
ApacheApache
Apache
 
Css
CssCss
Css
 
Linux
LinuxLinux
Linux
 
Mysql
MysqlMysql
Mysql
 
Php
PhpPhp
Php
 

Último

ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
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
 
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.
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
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
 
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
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
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
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 

Último (20)

ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
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
 
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...
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
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
 
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
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
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
 
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
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 

Html

  • 1. HTML HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes, and other items. It allows images and objects to be embedded and can be used to create interactive forms
  • 2. ELEMENTS HTML documents are composed entirely of HTML elements that, in their most general form have three components: a pair of element tags with a &quot;start tag&quot; and &quot;end tag&quot;; some element attributes given to the element within the tags; and finally, all the actual, textual and graphical[clarification needed], information content that will be rendered on the display <tag>content to be rendered</tag>
  • 3. HTML APPLICATIONS An HTML Application (HTA; file extension &quot;.hta&quot;) is a Microsoft Windows application that uses HTML and Dynamic HTML in a browser to provide the application's graphical interface. A regular HTML file is confined to the security model of the web browser, communicating only to web servers and manipulating only webpage objects and site cookies
  • 4. DATA TYPES An HTML Application (HTA; file extension &quot;.hta&quot;) is a Microsoft Windows application that uses HTML and Dynamic HTML in a browser to provide the application's graphical interface. A regular HTML file is confined to the security model of the web browser, communicating only to web servers and manipulating only webpage objects and site cookies
  • 5. MARKUP HTML markup consists of several key components, including elements (and their attributes), character-based data types, and character references and entity references. Another important component is the document type declaration, which specifies the Document Type Definition <html> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body> </html>
  • 6. The head tag Just like the header of a memo, the head of an HTML document contains special information, like its title. The head of a document is demarcated by <head> and </head> respectively. <html> <head> <title>My First HTML Document</title> </head>
  • 7. Titles A title tag allows you to specify a Document Title in your browser window. When people make hotlists, this title is what they see in their list after they add your document. <title>My First HTML Document</title>
  • 8. The body tag Like you might expect, the body tags <body> and </body> define the beginning and end of the bulk of your document. All your text, images, and links will be in the body of the document. <html> <head> <title>My First HTML Document</title> </head> <body>
  • 9. Paragraphs In HTML, a paragraph tag <p> should be put at the end of every paragraph of &quot;normal&quot; text (normal being defined as not already having a tag associated with it). <p> causes a line break and adds a trailing blank line <br> causes a line break with no trailing blank line
  • 10. Boldface and Italics You can add emphasis to text by using the boldface and italic tags or the emphasis and strong tags. This is a <b>boldface</b> tag. This is how boldfacing appears. This is an <i>italic</i> tag. This is how italics appear.
  • 11. Lists There is an easy way in HTML to have numbered, unnumbered, and definition lists Unnumbered lists Unnumbered lists are started with the <ul> tag, followed by the actual list items, which are marked with the <li> tag. The list is ended with the ending tag </ul>. <ul> <li> list item 1 <li> list item 2 <li> list item 3 </ul>
  • 12. Numbered lists: Here is the same list using a numbered list format: <ol> <li> list item 1 <li> list item 2 <li> list item 3 </ol> Here is how that list would display: 1. list item 1 2. list item 2 3. list item 3
  • 13. The blockquote tag indents the text (both on the left and right) inside the tags. The blockquote tag looks like this: <blockquote>...</blockquote> Blockquote
  • 14. Center You can center text, images, and headings with the center tag: syntax: <center>This is a centered sentence</center> This is a centered sentence.
  • 15. Addresses The <address> tag normally appears at the end of a document and is used most frequently to mark information on contacting the author or institution that has supplied this information <address> Introduction to HTML / Pat Androget / Pat_Androget@ncsu.edu </address> WILL BE: Introduction to HTML / Pat Androget / Pat_Androget@ncsu.edu
  • 17. Defines the URL to which form output will be directed. If the action parameter is omitted then the URL of the document, itself, if assumed. Example: action=&quot;http://www.txsi.com/cgi-bin/form.pl&quot; action=&quot; &quot;
  • 18. align= Defines the alignment of an object, element or some text. bottom top :align=top Justify :align=justify left middle(center) right :align=middle
  • 19. background=&quot; &quot; Defines a background image which will be used as the backdrop for the page. Example: background=&quot;images/back01.jpg&quot;
  • 20. border= Defines the width in pixels of the border surrounding a bordered object. Example: border=10
  • 21. bgproperties= Used in conjunction with the background parameter in the Internet Explorer browser, this command attribute will allow a background image to float on a page like a watermark. Example: bgproperties=fixed
  • 22. href=&quot; &quot; Defines the location which is the object of hypertext reference anchor (link) or a default base hypertext reference. Example: href=&quot;http://www.iconbazaar.com&quot;
  • 23. loop=&quot; &quot; Used in the Internet Explorer browser to define whether or not a video image will loop back to the beginning and how many times it will repeat. Defined as a positive integer it sets the number of repetitions. Defined as infinite or -1 it allows continuous looping. The parameter is specific to the Internet Explorer browser. Example: loop=&quot;-1&quot;
  • 24. scrolling= Controls whether or not scrolling is permitted within frames in a framed HTML document.] Example: scrolling=no
  • 25. src=&quot; &quot; Defines the source of an HTML object, generally an image or a file. Example: src=&quot;http://www.xmp.org/images/dot.gif&quot;
  • 26. vlink= Defines the default color displayed by a visited link. Examples: vlink=&quot;cyan&quot;vlink=&quot;#00ffff&quot;