Module 2


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Module 2

  1. 1. Module 2<br />M10W7045<br />Yang Xiyue<br />
  2. 2. The basic syntax of HTML<br />HTML documents composed by the tags and text format:<br /><Tag> in the browser displays the text </ tag><br />Tag name and "<>" no space between<br />Property by property control of output, the format is:<br /><Tag attribute1= value attribute2 =value ... > Properties affected by the text </ Tag><br /> For example: <font size=4 color=red> property example </ font><br />Between attributes have no order, and only added to the starting tag.<br />Introduction to HTML language<br />
  3. 3. Mark can be divided into single tags and dou<br /><ul><li>Single marker alone, such as: <br>
  4. 4. Double label pairs, such as: <head> ... </ head>
  5. 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. 6. HTML language is not case sensitiveble labeled two ways:</li></ul>Introduction to HTML language<br />
  7. 7. HTML comment tags to "<!-->" and "<-->" can be inserted anywhere into the HTML text<br />For example :<!-- This is an HTML comment -><br />HTML or JSP file, HTML comments will be sent to the client browser, but does not show<br />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<br />HTML comments<br />
  8. 8. <html> HTML file to begin with </ html> end<br />HTML file including the head and body <body> two parts <head><br />Basic structure:<br /><HTML> <HEAD> <TITLE> Page title </ TITLE> </ HEAD> <BODY> </ BODY><br /> </HTML><br />The basic structure of HTML documents<br />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)<br />
  9. 9. HMTL file header tags<br /> <title> page title </ title><br /><head> tag is optional, you can not <head> tags alone <title> tag<br />HTML tags can not be displayed directly in the content, if you need to display appropriate escape character must be used instead:<br />The basic structure of HTML documents<br />
  10. 10. <body background="File Name" bgcolor="color values" text="color values" link="" vlink="" alink="">  Subject content</ body><br />background set page background image<br />bgcolor to set page Beijing color<br />text to set the text font color<br />set the visited link is not the color of hypertext links, the default is blue<br />vlinkcountry setting has been visited hypertext links of the color, the default is purple<br />alinkcolor or hypertext link when the mouse to move the color, the default is red<br /><body> is an optional tag<br />Mark the main HTML file<br />
  11. 11. Set Title<br /><hn align=""> Title Content </ hn><br />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<br />Set Font <font ><br />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.<br />Set the font color<br /><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<br />Text formatting markup<br />
  12. 12. Forced newlines <br> <br />Paragraph markMandatory paragraph mark <p>Non-breaking space symbols, "nbsp"<br />Alignment mark<br />Set the paragraph mark in the format:  <p align="Alignment"> text to be displayed<br />Center mark in the format:<center> need centered content </ center><br />Shows the pre-layout format <pre> ... </ pre><br />Partition show marked <div> ... </ div><br />Text Layout mark<br />
  13. 13. This marker is also known as anchor through a word, phrase or image, etc., to achieve a page to jump to another page.<br />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.<br />Hypertext link tag format:<br /><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.<br />Hypertext link tag <a>…</a><br />
  14. 14. Setting Audio<br />Add background music<br /><ul><li>Use <bgsound> tags can add background music on the page, the format is:<bgsoundsrc=" Sound file name " autostart="true|false" loop=" Views ">
  15. 15. Add background music file format. Wav,. Au,. Mid
  16. 16. When the autostart value to true, the sound play automatically after the file transfer.
  17. 17. When the loop is equal to -1 or INFINITE, the sound has been played until the user closes the page.</li></ul>Multimedia Mark<br />
  18. 18. References<br />HTML basic tags<br /><br />HTML language tutorial<br /><br />