SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Module 2 M10W7045 Yang Xiyue
The basic syntax of HTML HTML documents composed by the tags and text format: <Tag> in the browser displays the text </ tag> Tag name and "<>" no space between Property by property control of output, the format is: <Tag attribute1= value  attribute2 =value ... >  Properties affected by the text  </ Tag>      For example: <font size=4 color=red> property example </   font> Between attributes have no order, and only added to the starting tag. Introduction to HTML language
Mark can be divided into single tags and dou ,[object Object]
Double label pairs, such as: <head> ... </ head>
For the same piece of text, you can use multiple nested tags to work together to produce a certain effect, but need to pay attention to mark the order.<head> <title> page title </ title> </ head><head> <title> page title </ head> </ title> (error)
HTML language is not case sensitiveble labeled two ways:Introduction to HTML language
HTML comment tags to "<!-->" and "<-->" can be inserted anywhere into the HTML text For example :<!-- This is an HTML comment -> HTML or JSP file, HTML comments will be sent to the client browser, but does not show This will be explained later in the JSP comments different: JSP comment content is not sent to the client, but in comments to appear with an empty line HTML comments
<html> HTML file to begin with </ html> end HTML file including the head and body <body> two parts <head> Basic structure: <HTML>   <HEAD>   <TITLE> Page title </ TITLE>   </ HEAD>   <BODY> </ BODY>     </HTML> The basic structure of HTML documents Head of the title and meta content can be information (web page keywords, text file address, such as the creation of information web page information note)
HMTL file header tags    <title> page title </ title> <head> tag is optional, you can not <head> tags alone <title> tag HTML tags can not be displayed directly in the content, if you need to display appropriate escape character must be used instead: The basic structure of HTML documents
   <body background="File Name" bgcolor="color values" text="color values" link="" vlink="" alink="">  Subject content</ body> background set page background image bgcolor to set page Beijing color text to set the text font color set the visited link is not the color of hypertext links, the default is blue vlinkcountry setting has been visited hypertext links of the color, the default is purple alinkcolor or hypertext link when the mouse to move the color, the default is red <body> is an optional tag Mark the main HTML file
Set Title <hn align=""> Title Content </ hn> Attributes align, used to set the title on the page of their way: left (left aligned default), center (centered), right (right-aligned)Attribute n, to specify the size of the title, you can take an integer from 1 to 6, take 1 fonts largest fonts take 6 min Set Font <font > face properties, used to set the text font, the possible values ​​for the Times New Roman, bold, official script, and so on.Size property is used to set the text size, numbers range from 1 to 7, taking 1 min, take the 7:00 maximum.Color property is used to set the text color. Set the font color <body> Tag using the text property, you can set the color of the page<font> Tag using the color attribute, you can set paragraphs, phrases or words of color Text formatting markup
Forced newlines <br>  Paragraph markMandatory paragraph mark <p>Non-breaking space symbols, "nbsp" Alignment mark Set the paragraph mark in the format:  <p align="Alignment"> text to be displayed Center mark in the format:<center> need centered content </ center> Shows the pre-layout format <pre> ... </ pre> Partition show marked <div> ... </ div> Text Layout mark

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (16)

Html text formatting
Html text formattingHtml text formatting
Html text formatting
 
Html
HtmlHtml
Html
 
Html intro
Html introHtml intro
Html intro
 
Lecture1
Lecture1Lecture1
Lecture1
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
HTML language and all its tags .....
HTML language and all its tags .....HTML language and all its tags .....
HTML language and all its tags .....
 
Html basic
Html basicHtml basic
Html basic
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
HTML semantics
HTML semanticsHTML semantics
HTML semantics
 
HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)
 
Download Workshop Lecture
Download Workshop LectureDownload Workshop Lecture
Download Workshop Lecture
 

Andere mochten auch

Integrating Annotator with H2O
Integrating Annotator with H2OIntegrating Annotator with H2O
Integrating Annotator with H2O
stephskardal
 
Golf Center Kiev
Golf Center KievGolf Center Kiev
Golf Center Kiev
jshappo
 
Mba724 s4 2 writing up the final report
Mba724 s4 2 writing up the final reportMba724 s4 2 writing up the final report
Mba724 s4 2 writing up the final report
Rachel Chung
 
Session 3 week 2 central tendency & dispersion
Session 3 week 2   central tendency & dispersionSession 3 week 2   central tendency & dispersion
Session 3 week 2 central tendency & dispersion
Rachel Chung
 
Atom Movie Notes Day 2
Atom Movie Notes Day 2Atom Movie Notes Day 2
Atom Movie Notes Day 2
jmori1
 
وصول ثوب قراءة القرأن
وصول ثوب قراءة القرأنوصول ثوب قراءة القرأن
وصول ثوب قراءة القرأن
Siti Rohana Sirona
 
Elements, Compounds & Mixtures - Day 1
Elements, Compounds & Mixtures - Day 1Elements, Compounds & Mixtures - Day 1
Elements, Compounds & Mixtures - Day 1
jmori1
 
Sprites rollovers
Sprites rolloversSprites rollovers
Sprites rollovers
hstryk
 
Civil Society - recommendations from AIGLIA2014
Civil Society - recommendations from AIGLIA2014Civil Society - recommendations from AIGLIA2014
Civil Society - recommendations from AIGLIA2014
futureagricultures
 

Andere mochten auch (20)

Integrating Annotator with H2O
Integrating Annotator with H2OIntegrating Annotator with H2O
Integrating Annotator with H2O
 
Basic conversation 5
Basic conversation 5Basic conversation 5
Basic conversation 5
 
Golf Center Kiev
Golf Center KievGolf Center Kiev
Golf Center Kiev
 
Sportovi vo uk mapi
Sportovi vo uk   mapiSportovi vo uk   mapi
Sportovi vo uk mapi
 
2º residencia granada
2º residencia granada2º residencia granada
2º residencia granada
 
Mba724 s4 2 writing up the final report
Mba724 s4 2 writing up the final reportMba724 s4 2 writing up the final report
Mba724 s4 2 writing up the final report
 
2interview1 haff 1
2interview1 haff 12interview1 haff 1
2interview1 haff 1
 
Loaf of bread
Loaf of breadLoaf of bread
Loaf of bread
 
Session 3 week 2 central tendency & dispersion
Session 3 week 2   central tendency & dispersionSession 3 week 2   central tendency & dispersion
Session 3 week 2 central tendency & dispersion
 
I living app
I living appI living app
I living app
 
Atom Movie Notes Day 2
Atom Movie Notes Day 2Atom Movie Notes Day 2
Atom Movie Notes Day 2
 
Integrity research
Integrity researchIntegrity research
Integrity research
 
وصول ثوب قراءة القرأن
وصول ثوب قراءة القرأنوصول ثوب قراءة القرأن
وصول ثوب قراءة القرأن
 
Materi WWW
Materi WWWMateri WWW
Materi WWW
 
Wiggins & Poulton: Malawi Farm Input Supply Scheme
Wiggins & Poulton: Malawi Farm Input Supply SchemeWiggins & Poulton: Malawi Farm Input Supply Scheme
Wiggins & Poulton: Malawi Farm Input Supply Scheme
 
Elements, Compounds & Mixtures - Day 1
Elements, Compounds & Mixtures - Day 1Elements, Compounds & Mixtures - Day 1
Elements, Compounds & Mixtures - Day 1
 
APE 2012: Semantic Publishing - Just a Buzzword?
APE 2012: Semantic Publishing - Just a Buzzword?APE 2012: Semantic Publishing - Just a Buzzword?
APE 2012: Semantic Publishing - Just a Buzzword?
 
Sprites rollovers
Sprites rolloversSprites rollovers
Sprites rollovers
 
IM Club: Email Marketing, does it still work?
IM Club: Email Marketing, does it still work?IM Club: Email Marketing, does it still work?
IM Club: Email Marketing, does it still work?
 
Civil Society - recommendations from AIGLIA2014
Civil Society - recommendations from AIGLIA2014Civil Society - recommendations from AIGLIA2014
Civil Society - recommendations from AIGLIA2014
 

Ähnlich wie Module 2 (20)

Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html intro
Html introHtml intro
Html intro
 
Html TAGS
Html TAGSHtml TAGS
Html TAGS
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Diva
DivaDiva
Diva
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
Html part2
Html part2Html part2
Html part2
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
Design Dream
Design DreamDesign Dream
Design Dream
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
HTML & Textile Training
HTML & Textile TrainingHTML & Textile Training
HTML & Textile Training
 
HTML
HTMLHTML
HTML
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Fundamentals Of Html
Fundamentals Of HtmlFundamentals Of Html
Fundamentals Of Html
 

Kürzlich hochgeladen

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 

Module 2

  • 1. Module 2 M10W7045 Yang Xiyue
  • 2. The basic syntax of HTML HTML documents composed by the tags and text format: <Tag> in the browser displays the text </ tag> Tag name and "<>" no space between Property by property control of output, the format is: <Tag attribute1= value attribute2 =value ... > Properties affected by the text </ Tag> For example: <font size=4 color=red> property example </ font> Between attributes have no order, and only added to the starting tag. Introduction to HTML language
  • 3.
  • 4. Double label pairs, such as: <head> ... </ head>
  • 5. For the same piece of text, you can use multiple nested tags to work together to produce a certain effect, but need to pay attention to mark the order.<head> <title> page title </ title> </ head><head> <title> page title </ head> </ title> (error)
  • 6. HTML language is not case sensitiveble labeled two ways:Introduction to HTML language
  • 7. HTML comment tags to "<!-->" and "<-->" can be inserted anywhere into the HTML text For example :<!-- This is an HTML comment -> HTML or JSP file, HTML comments will be sent to the client browser, but does not show This will be explained later in the JSP comments different: JSP comment content is not sent to the client, but in comments to appear with an empty line HTML comments
  • 8. <html> HTML file to begin with </ html> end HTML file including the head and body <body> two parts <head> Basic structure: <HTML> <HEAD> <TITLE> Page title </ TITLE> </ HEAD> <BODY> </ BODY> </HTML> The basic structure of HTML documents Head of the title and meta content can be information (web page keywords, text file address, such as the creation of information web page information note)
  • 9. HMTL file header tags <title> page title </ title> <head> tag is optional, you can not <head> tags alone <title> tag HTML tags can not be displayed directly in the content, if you need to display appropriate escape character must be used instead: The basic structure of HTML documents
  • 10. <body background="File Name" bgcolor="color values" text="color values" link="" vlink="" alink="">  Subject content</ body> background set page background image bgcolor to set page Beijing color text to set the text font color set the visited link is not the color of hypertext links, the default is blue vlinkcountry setting has been visited hypertext links of the color, the default is purple alinkcolor or hypertext link when the mouse to move the color, the default is red <body> is an optional tag Mark the main HTML file
  • 11. Set Title <hn align=""> Title Content </ hn> Attributes align, used to set the title on the page of their way: left (left aligned default), center (centered), right (right-aligned)Attribute n, to specify the size of the title, you can take an integer from 1 to 6, take 1 fonts largest fonts take 6 min Set Font <font > face properties, used to set the text font, the possible values ​​for the Times New Roman, bold, official script, and so on.Size property is used to set the text size, numbers range from 1 to 7, taking 1 min, take the 7:00 maximum.Color property is used to set the text color. Set the font color <body> Tag using the text property, you can set the color of the page<font> Tag using the color attribute, you can set paragraphs, phrases or words of color Text formatting markup
  • 12. Forced newlines <br> Paragraph markMandatory paragraph mark <p>Non-breaking space symbols, "nbsp" Alignment mark Set the paragraph mark in the format:  <p align="Alignment"> text to be displayed Center mark in the format:<center> need centered content </ center> Shows the pre-layout format <pre> ... </ pre> Partition show marked <div> ... </ div> Text Layout mark
  • 13. This marker is also known as anchor through a word, phrase or image, etc., to achieve a page to jump to another page. With the above characteristics of words, sentences, or pictures is called the anchor, you can use the corresponding property <body> tag to set the color. Hypertext link tag format: <a href=“”|name=“” target=“_blank|_self|_parent|_top”Href, the value of a URL, the address of the target resourceName, reference point, can not be used simultaneously and href, within this document refers to a string.Target, specify how to open the target page. Hypertext link tag <a>…</a>
  • 14.
  • 15. Add background music file format. Wav,. Au,. Mid
  • 16. When the autostart value to true, the sound play automatically after the file transfer.
  • 17. When the loop is equal to -1 or INFINITE, the sound has been played until the user closes the page.Multimedia Mark
  • 18. References HTML basic tags http://www.zhongguosou.com/html/html_primary.html HTML language tutorial http://www.gzsums.edu.cn/webclass/html/html_design.html