Small white HTML notes

Elements<p> paragraph <a href= "default.htm" > Links <br/> line breaks PropertiesFor example, the above link address is specified in the HREF title Horizontal Line Notes<!--Content-- View Source CodeJust right-click to view Source code HTML output-Useful hintsWe cannot determine the exact effect of HTML being displayed. The size of the screen, as well as the adjustment of the window, can result in different results. For HTML, you cannot change the effect of the output by adding extra spaces or line breaks in the HTML code. When a page is displayed, the browser removes extra spaces and blank lines from the source code. All contiguous spaces or blank lines are counted as a single space. Note that all consecutive empty lines (line breaks) in the HTML code are also displayed as a single space. Text formatting topics1) <b> bold bold meaning 2) <strong> bold, usage and bold usage similar 3) <em> emphasis, italic 4) <i>italic Italic 5) <big> Big One 6) < Pre> pre-formatted text to preserve spaces and line breaks tags for displaying computer/programming code<code>computer Code<kbd>keyboard input<tt>teletype text<sample>sample text<var> Computer variable<addresss> write address in HTML file in some browsers, the title can be used to show the full version of the expression when you move the mouse over the thumbnail words  <abbr title= "Etcetera" >etc.<abbr/> the code can be used to express the full version of the title above with the same usage and effects as <acronym> and abbr Change Text Direction<bdo dir= "RTL" > Content <bdo/> the role of "TRL" should be to make text output from right to left ReferencesLong references <blockquote> browsers insert line breaks and margins, and <q> (short reference) elements do not have any special rendering Delete and underlineDelete <del> content <del/>, underline <ins>

Text formatting tags Label Description <b> defines bold text. <big> define large characters. <em> define text-focused. <i> define italic characters. <small> define small words. <strong> define the aggravating tone. <sub> defines the subscript word. <sup> define superscript words. <ins> defines the insertion word. <del> define Delete words. <s> is not in favor of use. Use <del> instead. <strike> is not in favor of use. Use <del> instead. <u> is not in favor of use. Use style instead. "Computer Output" tab Label Description <code> define computer code. <kbd> defines the keyboard code. <samp> Define a sample of computer code. <tt> define the typewriter code. <var> define variables. <pre> define pre-formatted text. <listing> is not in favor of use. Use <pre> instead. <plaintext> is not in favor of use. Use <pre> instead. <xmp> is not in favor of use. Use <pre> instead. references, references, and term definitions Label Description <abbr> define abbreviations. <acronym> defines acronyms. <address> defines the address. <bdo> defines the text direction. <blockquote> defines a long reference. <q> define short citations. <cite> define references, citations. <dfn> define a definition project.

HTML EditorProfessional HTML Editor

• Adobe Dreamweaver
• Microsoft Expression Web
• CoffeeCup HTML Editor

You can also choose to change the file extension to. html or. htm after you have finished writing the Notepad tool that comes with your PC. HTML style 1. Format the HTML by adding the style information to the connecting to an external style sheet
No underlined links、html links1. Create a hyperlink

site links <a href= "/index.html" > Content </a> Outbound links <a href= "http://www.baidu.com/" >

2. Create a hyperlink

<a href: "www.baidu.com" >

</a>\

3.HTML Link-target Properties

<a href= "http://www.w3school.com.cn/" target= "_blank" >visit w3school!</a> using the target property, You can define where the connected document is displayed, while the target= "_blank" in the example opens the document in a new window

4. Name property

the function of the Name property is to set the label, and the use of the label will be

used.

 

___________________________________________________________________________________________________________ ___________________________________________________________________________________________________________________________________ ________________________
inserting Images1. For example

<p></p>

"

2. The syntax for defining an image is

Note: URL (Uniform Resource Locator), unified Resource Locator, is the address of the WWW page

The browser displays the image in the document where the image label appears. If you place an image label between two paragraphs, the browser first displays the first paragraph, then displays the picture, and the second paragraph is displayed. Replace Text properties (alternative to pictures)

The

alt attribute is used to define a string of prepared, replaceable text for an image. The value of the replacement text is user-defined for example when the browser fails to load the image, the replacement Text property tells the reader what information they have lost. At this point, the browser will display this alternative text instead of the image. It is a good practice to add alternate text attributes to the images on the page, which helps to better display the information and is useful for those who use a plain text browser.

How to add a background picture to an HTML page<body background= "url" >Arranging Pictures   Creating image imagesHere are some things I don't understand about this example: usemap= #planetmap the role of map tags and how to use each parameter usage in the area tag now answers these questions. Map Tag Usage Portal: Http://www.w3school.com.cn/tags/tag_map.asparea tag Usage Portal: http://www.w3school.com.cn/tags/tag_area.aspMap TagsA brief description of the necessary attributes in the map tag has an ID (a unique name defined for the map), and the optional attribute has name (the name specified for Image-map)Area LabelThe area tag is used to define the region in the image map (the image map refers to an image with a clickable area), and the zone element is always nested in the <map> tag, and the Usemap attribute in the IMG tag is associated with the <map> element name attribute. Create a link between an image and a map

Small white HTML notes