1 / 12

Module 2

Module 2. M10W7045 Yang Xiyue. Introduction to HTML language. 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:

mandar
Download Presentation

Module 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Module 2 M10W7045 Yang Xiyue

  2. Introduction to HTML language 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.

  3. Introduction to HTML language Mark can be divided into single tags and dou • Single marker alone, such as: <br> • 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:

  4. HTML comments • 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

  5. The basic structure of HTML documents • <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> 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)

  6. The basic structure of HTML documents • 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:

  7. Mark the main HTML file <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 • vlink country setting has been visited hypertext links of the color, the default is purple • alink color or hypertext link when the mouse to move the color, the default is red • <body> is an optional tag

  8. Text formatting markup • 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

  9. Text Layout mark • 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>

  10. Hypertext link tag <a>…</a> • 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.

  11. Multimedia Mark • 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 "> • Add background music file format. Wav,. Au,. Mid • When the autostart value to true, the sound play automatically after the file transfer. • When the loop is equal to -1 or INFINITE, the sound has been played until the user closes the page.

  12. References • HTML basic tags. Retrieved from http://www.zhongguosou.com/html/html_primary.html • Network Communication Design.HTML language tutorial.Retrieved from http://www.gzsums.edu.cn/webclass/html/html_design.html

More Related