首頁 web前端 html教學 html中適合新手的小練習分享

html中適合新手的小練習分享

May 12, 2018 am 10:48 AM
html 分享 練習

第1題檢視title標籤

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的作用,只能從語意方面從想,絕對不能想樣式。所以C錯誤的。 D正確。

第3題 檢視常用屬性

html中適合新手的小練習分享

#答案:D。

此題主要是考查插入圖片和超連結的標籤,這兩句話都是比較容易記住的,大家最好記住一些常用的標籤語句。

1            <img  src="/static/imghw/default1.png"  data-src="1.jpg"  class="lazy"    / alt="html中適合新手的小練習分享" >
2             
3            <a  href="1.html">点击我</a>
登入後複製

img是image「映像」;

#src是source「資源」;

# #a是anchor「錨」;

href是hypertext reference「超文本位址」

第4題檢視HTTP的原理

html中適合新手的小練習分享

答案:B。

伺服器上有一些文件,html、圖片、css、js文件,透過HTTP請求傳輸到了使用者的電腦裡面。所以,第二次訪問的時候,這些圖片就不用傳輸了,所以頁面變得快。

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="/static/imghw/default1.png"  data-src="../../photo/kaola.png"  class="lazy"   / alt="html中適合新手的小練習分享" ></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="html中適合新手的小練習分享" ></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://开头的东西,这个是完全错误的!!

以上是html中適合新手的小練習分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles