首页 > 编程 > HTML > 正文

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

2020-03-24 18:31:17
字体:
来源:转载
供稿:网友

第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 img src= 1.jpg / 3 a href= 1.html 点击我 /a 

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 a href= img src= / /a 

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

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

标准答案:

1 a href= ../myweb2/2.html target= _blank img src= ../../photo/kaola.png / /a 

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

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

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

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

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

 img src= /uploads/allimg/190521/1333314F7-12.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中适合新手的小练习分享的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表