Some little exercises about HTML

Source: Internet
Author: User

The 1th topic examines the title tag

650) this.width=650; "Width=" 329 "height=" 155 "src=" https://s2.51cto.com/wyfs02/M00/08/CC/ Wkiom1nnmdzshigaaabuvh9evva866.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 2.PNG "/>

650) this.width=650; "src=" Https://s5.51cto.com/wyfs02/M00/08/CC/wKiom1nnMFvx7QfmAAA_QObUN3I065.png "title=" 1.PNG "alt=" Wkiom1nnmfvx7qfmaaa_qobun3i065.png "/>


<title> appears in > , which represents the title of the page. On the straight , we can see it in the browser's title bar (tab bar).


b right.

The 2nd question examines the nature of HTML

650) this.width=650; "Width=" 565 "height=" src= "https://s3.51cto.com/wyfs02/M01/08/CC/" Wkiom1nnmnysmnuyaaddlwysk0s777.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: D

Parsing: First, HTML only relies on the tag to express the semantics, and whether indentation, line-wrapping has no relationship, as long as the label has the correct nesting relationship, the correct parent-child relationship, then is a legitimate HTML structure, not necessarily indentation. Baidu's homepage, in order to reduce the file volume, so are not indented. Referring to the role of HTML, only from the semantic aspects of thinking, absolutely can not think of style. So C is wrong. D correct.

The 3rd question examines the common properties

650) this.width=650; "Width=" 506 "height=" 153 "src=" https://s2.51cto.com/wyfs02/M00/A7/7B/ Wkiol1nnmd2q2ojraabc6ybcp8y814.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: D.

This topic is mainly to examine the insertion of images and hyperlinks to the label, both of which are easier to remember, it is best to remember some of the commonly used label statements.

1

2

3 <a href= "1.html" > Click me </a>

IMG is the image "images";

SRC is source "resource";

A is anchor "anchor";

HREF is hypertext reference "hypertext address"

The 4th topic examines the principle of HTTP

650) this.width=650; "width=" 580 "height=" 189 "src=" https://s1.51cto.com/wyfs02/M00/A7/7B/ Wkiol1nnmwfxvibwaadq2vdwt50528.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: B.

There are some files, HTML, pictures, CSS, JS files on the server, which are transmitted to the user's computer via HTTP request. So, when the second visit, these pictures will not be transmitted, so the page becomes faster.

A, error, there is no so-called VIP access.

B, correct

C, error. Because HTTP is not a persistent connection protocol, the pass-through is down, and the connection is closed, so there is no continuous path.

D, error. Each visit is a different addressing process and will not be "down the road".


Question 5th Plain Text

650) this.width=650; "width=" 558 "height=" 370 "src=" https://s5.51cto.com/wyfs02/M01/A7/7B/ Wkiol1nnmk7joxl8aahwdwvztwy447.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: C.

Open with Notepad, not garbled, is readable, then must be pure text file. Text only, no style, no semantics.

Therefore,. java files are plain text, and. class files are not plain text.

All plain text files can be edited with Notepad, notepad++, EditPlus, sublime.

Review of XHTML in the 6th question

650) this.width=650; "width=" 321 "height=" 236 "src=" https://s1.51cto.com/wyfs02/M00/A7/7B/ Wkiol1nnmz2wfpwxaachjkiw3eo866.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: B.

All label names, attributes are lowercase and must be enclosed in quotation marks. The answer is B.


7th Review Definition List

650) this.width=650; "Width=" "height=" 263 "src=" https://s3.51cto.com/wyfs02/M00/A7/7C/ Wkiol1nnm8qsytbcaab0mpislb4243.png "style=" Background:url ("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd; "alt=" Spacer.gif "title=" 1.PNG "/>

Answer: B.

Be sure to remember what each label indicates, that is, what is the original English meaning? Like what

DL is the definition list;

DT is the definition title, defining the caption;

DD is the definition description, which defines the description

The 8th question examines the relative path

650) this.width=650; "Width=" 680 "height=" 266 "src=" https://s1.51cto.com/wyfs02/M02/08/CC/wKiom1nnNxDw_ Pbbaadjou5brik992.png "alt=" Spacer.gif "style=" Background-image:url ("/e/u261/lang/zh-cn/images/localimage.png"); background-position:center;background-repeat:no-repeat;border:1px solid RGB (221,221,221); "title=" 1.PNG "/>

In 1.html, there is a picture that can be clicked. So skeleton:

1 <a href= "" ></a>

href inside is relative path, to start from 1.html to find 2.html;

SRC is also a relative path, from 1.html to find Kaola.png.

Standard answer

1 <a href= ". /myweb2/2.html "target=" _blank "></a>

We have been using the relative path, is to find others from their own departure. The advantage of using a relative path is obvious, that is, the site folder can be copied away.

The benefit of relative paths: The relative path relationship between files and pictures is constant regardless of where the site is copied.

Relative path usage There is a premise that the Web file and your picture must be on a server.

For example, if you want to insert a picture of Sina online now, you can't use a relative path. Use absolute paths.

The absolute path is very simple, and all paths starting with http://are absolute paths.

src= " / http i1.sinaimg.cn/dy/deco/2013/0329/logo/logo_1x.png "/>

<a href= "http://www.sohu.com" > Click I jump to Sohu </a>


If my Web page is in the C Drive, the picture is in D , can i insert it?  

Answer: With relative path cannot, with absolute path also cannot.

Note that you can use file://to insert, but this method doesn't make any sense! Because there is no so-called C-drive, D-Disk on the server.

The following method is line, but there is no engineering significance, because the server does not have a drive letter, the Linux system does not have a drive letter,

Star \1.jpg "/>


To summarize:

We are now either in the A tag, img tag, if you want to use the path. Only two paths are available, that is, the relative path and the absolute path.

The relative path is: /image/this path. Start from yourself and find someone else;

The absolute path is the path that starts with http://.

Absolutely not allowed to use file://beginning of things, this is completely wrong!!


Some little exercises about HTML

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.