Teilen Sie kleine Übungen, die für HTML-Anfänger geeignet sind

Bei Frage 1 wird das Titel-Tag untersucht.

im Kopf> steht für den Titel der Seite. Direkt visuell können wir es in der Titelleiste (Tab-Leiste) des Browsers sehen.

B ist richtig.

Frage 2 untersucht die Essenz von HTML

Antwort: D

Analyse: Erstens verlässt sich HTML nur auf Tag-Paare, um die Semantik auszudrücken, und es hat nichts damit zu tun, ob es eingerückt oder umbrochen ist, solange die Tags die richtige Verschachtelung aufweisen Beziehung und die richtige Eltern-Kind-Beziehung. Dann handelt es sich um eine legale HTML-Struktur und muss nicht unbedingt eingerückt werden. Um die Dateigröße zu reduzieren, ist die Homepage von Baidu nicht eingerückt. Wenn es um die Rolle von HTML geht, können wir nur semantisch und niemals stilistisch darüber nachdenken. C ist also falsch. D ist richtig.

Frage 3 Untersuchen Sie gemeinsame Attribute

Antwort: D.

Diese Frage testet hauptsächlich die Tags zum Einfügen von Bildern und Hyperlinks. Diese beiden Sätze sind relativ leicht zu merken. Es ist am besten, wenn sich jeder an einige häufig verwendete Tag-Sätze erinnert.

1            <img  src="/static/imghw/default1.png"  data-src="1.jpg"  class="lazy"    / alt="Teilen Sie kleine Übungen, die für HTML-Anfänger geeignet sind" >
2             
3            <a  href="1.html">点击我</a>

img ist Bild „Bild“;

src ist Quelle „Ressource“; a ist Anker „Anker“;

href ist Hypertext-Referenz „Hypertext-Adresse“

Frage 4 untersucht die Prinzipien von HTTP

Antwort: B.

Es gibt einige Dateien auf dem Server, HTML-, Bilder-, CSS- und JS-Dateien, die über HTTP-Anfragen auf den Computer des Benutzers übertragen werden. Daher müssen diese Bilder beim zweiten Besuch nicht übertragen werden, sodass die Seite schneller wird.

A, falsch, es gibt keinen sogenannten VIP-Kanal.

B, richtig

C, falsch. Da HTTP kein dauerhaftes Verbindungsprotokoll ist, wird es nach der Übertragung heruntergezogen und die Verbindung geschlossen, sodass kein kontinuierlicher Pfad vorhanden ist.

D, Fehler. Bei jedem Besuch handelt es sich um einen anderen Adressierungsprozess, und der Pfad wird nicht „aufgezeichnet“.

Frage 5 Klartext

答案：C。

用记事本打开，不是乱码，是可读的，那么一定是纯本文文件。只有文本，没有样式，没有语义。

所以，.java文件是纯文本的,.class文件不是纯文本的。

所有的纯文本文件都能用记事本、notepad++、editplus、sublime编辑。

第6题 考察XHTML

答案：B。

所有的标签名、属性都要小写，必须使用引号，必须封闭。答案是B

第7题 考察定义列表

答案：B。

一定要记住每个标签标示什么，就是英语原意是什么？比如

dl 就是definition list， 定义列表；

dt 就是definition title，定义标题；

dd就是definition description，定义描述

第8题 考察相对路径

1.html中，有一个能够点击的图片。所以骨架：

1            <a  href=""><img  src="/static/imghw/default1.png"  data-src="../../photo/kaola.png"  class="lazy"   / alt="Teilen Sie kleine Übungen, die für HTML-Anfänger geeignet sind" ></a>

href里面是相对路径，要从1.html出发找到2.html；

src里面也是相对路径，要从1.html出发找到kaola.png。

标准答案：

1            <a href="../myweb2/2.html" target="_blank"><img  src="/static/imghw/default1.png"  data-src="../../photo/kaola.png"  class="lazy"     / alt="Teilen Sie kleine Übungen, die für HTML-Anfänger geeignet sind" ></a>

我们一直在用的是相对路径，就是从自己出发找到别人。用相对路径的好处很明显，就是站点文件夹可以拷着走。

相对路径的好处：站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。

相对路径使用有一个前提，就是网页文件和你的图片，必须在一个服务器上。

比如，你现在想插入一个新浪网上的图片，那么就不能用相对路径。就要用绝对路径。

绝对路径非常简单，所有以http://开头的路径，就是绝对路径。

<img src="/static/imghw/default1.png"  data-src="http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png"  class="lazy"    alt="" />
<a href="http://www.sohu.com">点击我跳转到搜狐</a>

如果我的网页在C盘，图片却在D盘，能不能插入呢？

答案：用相对路径不能，用绝对路径也不能。

注意，可以使用file://来插入，但是这种方法，没有任何意义！因为服务器上没有所谓c盘、d盘。

下面的方法是行的，但是没有任何工程上的意义，这是因为服务器没有盘符，linux系统没有盘符，

<img  src="file://C:\Users\Danny\Pictures\
明星
\1.jpg" alt="" />

总结一下： 

我们现在无论是在a标签、img标签，如果要用路径。只有两种路径能用，就是相对路径和绝对路径。

相对路径，就是../   image/ 这种路径。从自己出发，找到别人；

绝对路径，就是http://开头的路径。

绝对不允许使用file://开头的东西，这个是完全错误的！！

Das obige ist der detaillierte Inhalt vonTeilen Sie kleine Übungen, die für HTML-Anfänger geeignet sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!