HTML language: Classic notes (zt)

Source: Internet
Author: User

Contents

I. Brief Introduction to HTML
Ii. essence of HTML language-hyperlink
Iii. Improvement Code Readability-Comment statement
Iv. Format Text
5. Format a paragraph
6. Reference multimedia
VII. header content
.........

I. Brief Introduction to HTML

HTML: Short for Hyper Text Markup Language, meaning: hypertext markup language;
HTML: NoProgramLanguage. It is only a markup language and a text language;
HTML: All tags must be enclosed by Angle brackets ("<" and ">;
HTML: Most tags appear in pairs. The end tag must start with "/". Only a few tags do not appear in pairs;
HTML: The tag is case-insensitive, and the Web standard is case-insensitive;
By default, the HTML tags provided by the system in ASP. NET 2.0 are represented by lowercase letters;
HTML: has become a general standard for various browsers and is independent from various operating system platforms;
HTML: the importance of HTML: it is a language that can be recognized by all browsers and is the basis for generating web pages by browsers;
No matter which technology you use, which language is ultimately output in the form of HTML;
In addition, tags in XML can be defined at will, so HTML tags can be said to be part of them.

 

 

 

 

Ii. essence of HTML language-hyperlink

Hyperlinks are the essence of HTML.
Use the tag in HTML to create a hyperlink

Text Link
Dazzling ice blue
Basic Format:

< A Href = "URL (required )" Target = "Target (optional )" Title = "The text displayed when the mouse is placed (optional )" > Text </ A >


Anchor (bookmarks) Link
Go back to the specified part on the top to jump to another page
Basic Format:

< A Name = "TOP" ID = "TOP" > </ A > <! -- The method for defining the anchor is only to replace href with name. -->
< A Href = "# Top" > Back to Top </ A > < BR />
< A Href = "Http://www.cnblogs.com/yoyebina/archive/2006/11/12/558479.html#20" Target = "_ Blank" > Jump to the specified part of another page </ A >

Email Link
Send emails to the dazzling ice blue
Basic Format:<AHref= "Mailto: yoyebina@gmail.com? Subject = blog about dazzling ice and blue">
<SpanStyle= "Text-Decoration: none">Send emails to the dazzling ice blue</Span>
</A>


Image Link

Basic Format: < A Href = "Http://yoyebina.cnblogs.com" Target = "_ Blank"   >
< IMG SRC = "Http://www.yoyebina.com/Images/logo.gif" Border = "0" ALT = "Click to go To the dazzling ice-blue blog"   >
</ A >


Mobile links (objective: to increase attractiveness)
Click here to view detailed methods...
Basic Format: < Marquee >
< A Href = "Http://www.cnblogs.com/yoyebina/archive/2006/11/22/569178.html" Target = "_ Blank"   >
< Span Style = "Text-Decoration: none" > Click here to view detailed methods </ Span >
</ A >
</ Marquee >


3. Improve code readability-comment statements

The following are two comment statements:<! --Single line comment statement: Welcome to the dazzling ice blue blog: http://yoyebina.cnblogs.com-->

<! --This is a multi-line comment statement,
Welcome to the dazzling ice blue site: http://www.yoyebina.com-->

Iv. Format Text

< Font Face = "" Size = "2" Color = "Green" > HTTP; // yoyebina. cnblogs. OCM </ Font >

Superscript: dazzling ice blue<Sup>Yoyebina</Sup>
Subscript: dazzling ice blue<Sub>Yoyebina</Sub>

bold: B > dazzling ice blue B >
italic: I > dazzling ice blue I >

Underline:<U>Dazzling ice blue</U>
Strikethrough:<S>Dazzling ice blue</S>

The effect is as follows:


Http://yoyebina.cnblogs.com

Superscript: dazzling ice blue yoyebina

Subscript: dazzling ice blue yoyebina

Bold:Dazzling ice blue

Italic:Dazzling ice blue

Underline:Dazzling ice blue

Strikethrough:Dazzling ice blue

 

 5. Format a paragraph

· Segment Mark P: When this mark is used, an empty row is skipped. If the end is omitted, the start Mark <p> can be placed at the end of the segment.
Its common attribute is align, which is used to set the horizontal alignment of paragraphs.

· Line feed mark BR: forcibly specifies that the current line is interrupted so that subsequent content is displayed in the next line.

· Title mark HN: N ranges from 1 to 6. When n is set to 1, the title has the largest font size. When n is set to 6, the title has the smallest font size;

· Horizontal line mark HR: attributes include: Align (center by default), color, noshade (no shadow), size (vertical size), width (horizontal length)

· If you want to center and align some content, you can use <center> and </center>
If you want to set multiple paragraphs to the same alignment mode, you can use <div> and </div>

 

6. Reference multimedia

Background Music
<Bgsound src = "url" loop = "*"> loop sets the number of cycles. Loop = infinete indicates that the loop is continuously closed until the loop is closed.

Insert Image

Common attributes of IMG tags: SRC, alt. height, width, border, and hspace (the distance between the image and the text on both sides of the left and right), vspace (the distance between the image and the text on both sides of the top and bottom), and align

Insert video

Insert an animation
<Embed src = "yoyebina.swf/Midi"> </embed>

General Mark
<Object property = property value> </Object>

 

 VII. header content

The header content is not displayed in the webpage (the title will be displayed), but it is also very important.

Favorites icons:
Create a 16x16 icon named favicon. ICO in the root directory, and then embed the following code into the head area:

< Link REL = "Icon" Href = "/Favicon. ICO" Type = "Image/X-icon"   />
< Link REL = "Shortcut icon" Href = "/Favicon. ICO" Type = "Image/X-icon"   />

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.