SlideShare ist ein Scribd-Unternehmen logo
1 von 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;

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Ähnlich wie 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
 

Mehr von Rathan Raj

Mehr von 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
 

Kürzlich hochgeladen

Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Shubhangi Sonawane
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 

Kürzlich hochgeladen (20)

Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 

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;