JavaScript Video Tutorial Notes

Source: Internet
Author: User

Understanding HTML languages

Web developers think HTML is the most insignificant technology, but it is the foundation; Hypertext Markup Language; The extension can be:. html or. htm;<>: start tag;: end tag; Labels can also be called containers; individual labels can be used alone, such as

;

The concept of elements and labels need not be strictly differentiated; http://jhsy.82676666.com/renliushuhou/121.html

Property values can be used without quotation marks, or in quotation marks, either double or single quotation marks, or only two optional values, no need to write the property value, write the property name to represent a true value, not write false;

not sensitive to case;

The way a browser opens a Web page document: It can be opened locally or from a Web browser, HTML tags tell the browser how to display text, and HTML is a markup language rather than a programming language, it only shows the logic and no business logic; HTML specification and version:

Incompatibilities between browsers: Some designers have special effects for their browsers, they design special tags that can be used for their own browsers, they become the dialects of HTML tags, and other browsers do not recognize such dialects, so we define specifications, and as demand changes, New specifications are being introduced; the IETF has given the permission to define HTML specifications; The HTML version being used: html4.01, which is the final specification, because XHTML will replace HTML;

IETF and the consortium:

If you want to sell sockets, you must know the specification, otherwise your socket can not be used by others; Ietf:internet Engineering task force,internet project team;

Requests for comments, request a comment document in RFC naming various standards;

For example: RFC2616 (http/1.1), RFC1521 (MIME);

The RFC document must be assigned a number, and an encoded RFC document cannot be updated;

IETF income: Manufacturers who produce according to standards must pay the IETF the purchase standard;

W3c:world Wide Web consortium,www Alliance;

www.w3c.org;

Any company can join;

have no legal effect;

Global schema label for HTML

The contents of the tag are not displayed in the window;

The properties of the body tag set the global page properties;

Properties of:

Text: The color of the entire Web page;

Link: The text color of the super connection;

ALink: The color of the text when the mouse moves to the super connection;

Vlink: Sets the text color of hyperlinks that have been visited;

Background: background image; it's because the body is global, so this picture

It's not like an image, it's a global background;

You are lazy, although always do not use the quotation marks, but when the link address, such as writing a

Hyperlinks or the path of a picture must be written in quotation marks;

Bgcolor:background will flush out the effect of this attribute;

Leftmagin/topmargin: page display screen and browser left/top margin;

Class,name,id,style and other public properties;

There are two ways to represent colors:

#XX xx xx Three two-bit hexadecimal data, each of the two bits is exactly 8 bits representing 256 levels of

Red, green and blue;

This is the document type definition statement, which is the specification on which this HTML document is based;

DTD syntax:

DOCTYPE specifying document type: HTML

Public: Indicates a publicly accessible, rather than an internal document of a company; http://jhsy.82676666.com/renliushuhou/122.html

Version name specifies the edition of the document;

The URL specifies the location of the canonical file on the Internet;

Do not relate the extension of the file to the DOCTYPE in the document type definition, actually these two

It doesn't matter. An. xml file is not defining XML at all, but a deployment descriptor for Web applications;

Comments and special characters

Although the browser does not display the comment content, but the view of the original file or can see the comments;

If you want to display the label as plain text, or if you want to display multiple spaces correctly, you need to use:< instead of <, > instead of >; Instead of spaces, this representation is called HTML Encoding: Start with &; The end; If you want to display characters that the keyboard cannot enter, such as a copyright symbol, for simplification, you can spell it in words, such as © a digital representation of the copyright symbol;

Popular:& & < < > >

"® in a circle a R

© a TM in a circle in the upper right corner of a c™

Why do you use "to express"?

Property =a B or property = "a" B "when the browser only thinks that the property value is a;

In summary, the browser will start with the first quotation mark, and the next same quotation mark is considered

attribute value;

When there are both single and double quotation marks, the attribute value can cause serious ambiguity.

So you can use "to prevent the browser from prematurely putting a" thought to be the end of the attribute value;

Why code for &?

Very simple, all the code is used & to start, that when I want to use & as a normal character

There must be a problem; this is the same as the problem with% and _ in SQL;

Format labels

the attribute Align=right/left;

Instead of trying to use the ENTER key to wrap in the browser, use the

;

Prevent the system from automatically wrapping; http://jhsy.82676666.com/renliushuhou/123.html

Shrink close;

Use of the list:

Unordered list:

...

...

... ...

...

...

... ...

... ... ... ...

There are sequence tables:

Digital signage;

Point marking;

Tells the browser to show all line breaks and spaces inside it;

Text labels

bold;

Oblique body;

underline;

subscript;

superscript;

Print word;

Quote way Word;

Property: Face,size,color;

Hyperlinks to HTML

Web page is only one kind of internet resources, need to have this concept;

So the HTML link can also be an Internet resource to another resource link, not just the Web page;

LINK hint

There is a good way to do this, you can set the link hint to

Pictures and other things, not just words;

If the linked protocol is mailto, the message can be sent;

The purpose of the target property: target = "_blank" allows the browser to open with a new window;

The role of the Name property: Define the anchor;

Using the method, write down the tag in the page that is located:

After the file name of the href in the link to the page where you want to link this page

#markname, it can be directly located;

If you navigate to this page, you can directly write #markname on the line;

If you want to link to this page, then directly write a # on the line;

If you want to display the directory where the Web page file is located, give the href an empty string;

Url

If the FTP server is using the default port 23, it is like HTTP for 801 like, do not write;

The URL is case-sensitive;

If the base URL is not explicitly set, the relative URL is used as the base URL for the current page's directory path;

/indicates root directory; /represents the parent directory of the current directory;./indicates the current directory;

The advantage of relative URLs is that when you move Web pages and resources to other servers,

If you use an absolute URL, you have to make changes to all URLs, and the relative URLs can

Ensure that the URL of the request page to the resources do not have to make changes, as long as the relative file system to ensure that their relationship is OK;

Parameters are passed:

The Name=zhangsan&password=fuck parameter value can be null;

Positioning Tags:

Http://www.ijavascript.cn/index.html#section2 is the same as the anchor that is defined by the name attribute in the href;

URL Code: http://jhsy.82676666.com/renliushuqian/118.html

Methods for URL-encoded classes in Java:

Urlencode.encode (String s,string character set) throws Unsupportedencodingexception

Rules:

Convert a space to +

The characters of 0-9,a-z,a-z are not changed;

Other:% plus the current character of the current character set in memory in hexadecimal format;

Description

If you can be sure that the special characters of the URL string do not cause ambiguity or conflict in use,

Can not code: http://www.sohu.com/index.html?name= China

The protocol and permission portion of the URL generally does not require coding;

mailto Url:mailto:[email protected]?subect=feedback&body=how%20areyou!

CC: Recipients can see that you have sent the same email to someone else;

Some software for convenience, is not to comply with standards;

Image label

Properties of:

Alt: The prompt that appears above the image when the property is moved to the image

When the image fails to load, the hint is displayed where the image should appear;

Align

Border

Width

Height

Request XXX data to the Web server; Note This xxx is a URL, it is not necessarily an image

File name, anyway is the request for XXX, that this XXX can also be a JSP and other programs;

It is not a problem to return an image by this JSP program or to draw an image at all!

Image map

Image Super Link:

is to use the image as a link to the hint rather than the text;

Shit, not, if use agent online, unexpectedly can not use localhost to access this machine and only through 127.0.0.1;

It can be seen that the access path of localhost and 127.0.0.1 must be different;

Visible, the browser option in the "Do not use the proxy" is directly targeted to the original localhost;

Divided into server-side image map and client image map;

Client image Map

1, Image hotspot mapping:

2, if the href is replaced with nohref;

The property target indicates which 2 window or frame the browser displays the page resource that the href attribute points to.

Shape=rect/poly/circlehttp://jhsy.82676666.com/renliushuqian/119.html

JavaScript Video Tutorial Notes

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.