Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
411
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. Mark can be divided into single tags and dou
    • Single marker alone, such as: <br>
    • 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. Setting Audio
    Add background music
    • Use <bgsound> tags can add background music on the page, the format is:<bgsoundsrc=" Sound file name " autostart="true|false" loop=" Views ">
    • 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