ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML の初心者に適した小さな演習を共有する

HTML の初心者に適した小さな演習を共有する

黄舟
リリース: 2018-05-12 10:48:44
オリジナル
6410 人が閲覧しました

質問 1 タイトル タグを調べてください

HTML の初心者に適した小さな演習を共有する

HTML の初心者に適した小さな演習を共有する

は ><span style="font-family:'楷体', '楷体_GB2312', SimKai;"></span><span style="font-family:'楷体', '楷体_GB2312', SimKai;"> 内に表示され、ページのタイトルを示します。直感的には、ブラウザのタイトルバー(タブバー)で見ることができます。 </span><span style="font-family:'楷体', '楷体_GB2312', SimKai;"></span>

Bが正しいです。

質問 2 は HTML の本質を考察します

HTML の初心者に適した小さな演習を共有する

答え: D

分析: まず第一に、HTML はセマンティクスを表現するためにタグペアにのみ依存しており、HTML とは何の関係もありません。インデントか改行か ; タグに正しい入れ子関係と正しい親子関係がある限り、それは正当な HTML 構造であるため、必ずしもインデントする必要はありません。 Baidu のホームページは、ファイル サイズを減らすためにインデントされていません。 HTML の役割に関しては、スタイルの観点ではなく、セマンティクスの観点からしか考えることができません。したがって、Cは間違っています。 D が正しいです。

質問 3 共通の属性を調べてください

HTML の初心者に適した小さな演習を共有する

答え: D.

この質問は主に、画像とハイパーリンクを挿入するためのタグをテストします。これらの 2 つの文は比較的覚えやすいので、よく使われるタグの文をいくつか覚えておくとよいでしょう。

imgは画像「イメージ」;

aはアンカー「アンカー」

質問 4 では、HTTP

の原則を調べます。答え: B.

サーバー上には、HTML、写真、CSS、JS ファイルなどのいくつかのファイルがあり、これらは HTTP リクエストを通じてユーザーのコンピューターに転送されます。したがって、2 回目の訪問では、これらの画像を転送する必要がないため、ページの表示が高速になります。

HTML の初心者に適した小さな演習を共有する

A、違います。いわゆる VIP アクセスはありません。

B、正しい

C、間違っています。 HTTP は永続的な接続プロトコルではないため、送信後にプルダウンされ、接続が閉じられるため、連続したパスはありません。

D、違います。各訪問は異なるアドレス指定プロセスであり、パスは「記録」されません。

質問5 プレーンテキスト

HTML の初心者に適した小さな演習を共有する

答案:C。

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

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

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

第6题 考察XHTML

HTML の初心者に適した小さな演習を共有する

答案:B。

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

第7题 考察定义列表

HTML の初心者に適した小さな演習を共有する

答案:B。

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

dl 就是definition list, 定义列表;

dt 就是definition title,定义标题;

dd就是definition description,定义描述

第8题 考察相对路径

HTML の初心者に適した小さな演習を共有する

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

1            <a  href=""><img  src="" / alt="HTML の初心者に適した小さな演習を共有する" ></a>
ログイン後にコピー

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

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

标准答案:

1            <a href="../myweb2/2.html" target="_blank"><img   src="../../photo/kaola.png"  / alt="HTML の初心者に適した小さな演習を共有する" ></a>
ログイン後にコピー

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

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

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

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

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

<img src="http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png"  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://开头的东西,这个是完全错误的!!

以上がHTML の初心者に適した小さな演習を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート