Rumah hujung hadapan web html tutorial html中适合新手的小练习分享

html中适合新手的小练习分享

May 12, 2018 am 10:48 AM
html kongsi berlatih

第1题 考察title标签

spacer.gif

wKiom1nnMFvx7QfmAAA_QObUN3I065.png

<title>出现在<head>里面,表示页面的标题。直观上,我们可以在浏览器的标题栏(标签栏)中看见。

B正确。

 

第2题 考察的就是HTML的本质

spacer.gif

答案:D

解析:首先HTML只依靠标签对儿表达语义,和是否缩进、换行没有任何关系;只要是标签有正确的嵌套关系,正确的父子关系,那么就是一个合法的HTML结构,不一定要缩进。百度的首页,为了减小文件体积,所以都是没有缩进的。提到HTML的作用,只能从语义方面从想,绝对不能想样式。所以C错误的。D正确。

第3题 考察常用属性

spacer.gif

答案:D。

此题主要是考查插入图片和超链接的标签,这两句都是比较容易记住的,大家最好记住一些常用的标签语句。

1            &lt;img src=&quot;1.jpg&quot;  /&gt;
2             
3            &lt;a  href=&quot;1.html&quot;&gt;点击我&lt;/a&gt;
Salin selepas log masuk

img是image“图像”;

src是source“资源”;

a是anchor“锚”;

href是hypertext reference“超文本地址”

第4题 考察HTTP的原理

spacer.gif

答案:B。

服务器上有一些文件,html、图片、css、js文件,通过HTTP请求传输到了用户的电脑里面。所以,第二次访问的时候,这些图片就不用传输了,所以页面变得快。

A,错误,没有所谓的vip通路。

B,正确

C,错误。因为HTTP不是一个持久连接的协议,传完就拉倒了,就关闭连接了,所以没有一个持续的通路。

D,错误。每次访问,都是不同的寻址过程,不会“记路”。


第5题 纯文本

spacer.gif

答案:C。

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

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

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

第6题 考察XHTML

spacer.gif

答案:B。

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

第7题 考察定义列表

spacer.gif

答案:B。

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

dl 就是definition list, 定义列表;

dt 就是definition title,定义标题;

dd就是definition description,定义描述

第8题 考察相对路径

spacer.gif

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

1            &lt;a  href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;
Salin selepas log masuk

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

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

标准答案:

1            &lt;a href=&quot;../myweb2/2.html&quot; target=&quot;_blank&quot;&gt;&lt;img  src=&quot;../../photo/kaola.png&quot;  /&gt;&lt;/a&gt;
Salin selepas log masuk

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

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

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

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

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

&lt;img src=&quot;http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png&quot;  alt=&quot;&quot; /&gt;
&lt;a href=&quot;http://www.sohu.com&quot;&gt;点击我跳转到搜狐&lt;/a&gt;
Salin selepas log masuk

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

答案:用相对路径不能,用绝对路径也不能。

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

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

&lt;img  src=&quot;file://C:\Users\Danny\Pictures\
明星
\1.jpg&quot; alt=&quot;&quot; /&gt;
Salin selepas log masuk

总结一下: 

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

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

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

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

Atas ialah kandungan terperinci html中适合新手的小练习分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Jadual Bersarang dalam HTML

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Sempadan Jadual dalam HTML

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

HTML jidar-kiri

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Susun Atur Jadual HTML

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Memindahkan Teks dalam HTML

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Senarai Tertib HTML

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Butang onclick HTML

See all articles