超鏈接除了可以鏈接特定的文件和網站之外,還可以鏈接到網頁內的特定內容。這可以使用<a>標簽name或id屬性,創建一個文檔內部的書簽。也就是說,可以創建指向文檔片段的鏈接。
例如,使用以下命名可以將網頁中的文本,“你好”定義為一個內部書簽,書簽名稱為“name1”。
<a name="name1">你好</a>
在網頁中的其它位置可以插入超鏈接引用該書簽,引用命名如下:
<a href="#name">使用內部書簽</a>
一般網頁內容比較多的網站會采用這種方法,如一個電子書網頁。
下面就使用錨鏈接制造一個電子書網頁。
(1)編寫代碼如下圖所示:
(2)在瀏覽器中打開文件,預覽效果圖如下所示,由于內容較少,還看不出效果 。
(3)為每一個詩詞添加內容,完善后的代碼如下:
(4)在瀏覽器中打開文件,預覽整體效果圖如下所示:
(5)單擊《書憤二首》,頁面會自動跳轉《書憤二首》對應的內容,如下所示:
更多精彩等你來學習哦!
TML是制作網頁的基礎,我們在網站建設中談論的靜態網頁就是基于HTML的網頁。
早期的網頁直接用HTML代碼編寫,但現在有許多智能網頁制作軟件(常用的如frontpage,dream weaver等)通常不需要手動編寫代碼,而是由這些軟件自動生成。雖然不需要自己寫,但是理解HTML代碼仍然是非常重要的。
了解HTML是什么?它是學習網站建設的重要技術基礎知識
下面我們自己可以動手創建一個非常簡單的網頁,首先我們讓計算機顯示擴展,方法是打開我的電腦,然后現在欄目工具》文件夾選項》查看》高級設置中找到《隱藏已知文件類型的擴展名》將其不勾選,并單擊“應用”以確認設置。然后在桌面上創建一個新的TXT文件,將此文件命名為“xxx.html”(擴展名也可以是htm),這樣你就可以用瀏覽器打開它,你就會看到自己制作的最簡單的頁面。
html是一種超文本標記語言,即html(hypertext markup language),是一種用來描述網絡文檔的標記語言。在頁面的開頭和結尾使用<html></html>標簽。
總結:
1)HTML是我們常說的靜態網頁;
2)HTML是以Html或htm為擴展名的文件;
3)HTML某些標簽代碼規則,讓內容在瀏覽器中呈現出我們所需要的樣式;
4)HTML可以使用記事本創建,并以.html或.htm為擴展名保存。
html文件中的代碼由具有一定的規則規律標簽與內容組成。以指定的HTML結構和內容形成完整的html文件。我們可以直接使用瀏覽器來打開,查看網頁效果。
如果您想在瀏覽器中顯示各式各樣的網頁,我們就需要html文件(HTML基本結構+內容+標簽)和css文件(css樣式)來實現我們需要的漂亮網頁。
動力節點老杜講解的html學習教程,非常詳細全面,完全適合小白入門
內容:講解了HTML基礎語法、HTML概述、W3C概述、B/S架構系統原理、table、背景色與背景圖片、超鏈接、列表、表單、框架等知識點。
通過html教程的學習之后,不但可以開發基本的網頁,還可以看懂別人編寫的HTML頁面。
HTML完整資料下載:
http://www.bjpowernode.com/?toutiaoweb.chai
1.HTML教程:課程內容概述
2.HTML教程:BS結構介紹
3.HTML教程:軟件環境準備
4.HTML教程:HTML概述
5.HTML教程:我的第一個HTML
6.HTML教程:HTML的基本標簽
7.HTML教程:HTML的實體符號
8.HTML教程:HTML的表格
9.HTML教程:HTML的單元格合并1
10.HTML教程:HTML的單元格合并2
11.HTML教程:thead tbody tfoot
12.HTML教程:背景色和背景圖片
13.HTML教程:HTML圖片img標簽
14.HTML教程:HTML超鏈接
15.HTML教程:超鏈接的作用-request和response的概念
16.HTML教程:HTML列表
17.HTML教程:form表單初步
18.HTML教程:用戶注冊表單的實現
19.HTML教程:下拉列表支持多選
20.HTML教程:form的file控件
21.HTML教程:隱藏域hidden控件
22.HTML教程:隱藏域hidden控件2
23.HTML教程:readonly和disabled
24.HTML教程:控件的maxlength屬性
25.HTML教程:HTML文檔中節點的id屬性
26.HTML教程:div和span在網頁中的應用
今天我們一起來了解下HTML,
首先HTmL包含三層結構,分別是結構層,表現層,行為層。
結構層:html => 網頁上有什么,比如說文字啊、按鈕啊、圖片啊等等。
表現層:css => 顯示成什么樣子,比如說文字的大小啊,位置啊,顏色啊等等。
行為層:JavaScript => 具體怎么操作,比如說點擊按鈕讓圖片放大縮小等等。
===============================
在了解了html的三層結構之后,我們來學習如何寫html。html不是編程語言,它是一套標簽。最簡單的html文本是下圖1這個樣子。我們可以在電腦桌面上新建一個記事本文件,然后把后綴名改一下(.txt=>.html),把這段標簽代碼粘貼到html文件里,這樣一個空白的網頁就做成了。如果需要在網頁上添加內容,我們只需要在第10行的位置添加各種各樣的標簽即可。比如我在圖二添加了一個按鈕標簽和一段文字標簽,雙擊html文件,頁面上就從左到右,從上到下顯示對應的內容。是不是很簡單。我們日常瀏覽的網頁都是這樣一個標簽一個標簽畫上去的。
我給大家總結了一張圖,基本上覆蓋了工作中常用的知識點。同時分享幾個小技巧。
1.最簡單的網頁寫成什么樣子,也就是html模板不需要記憶,下圖也說了,去百度下載一個VSCode軟件(類似于記事本,是現在主流的前端代碼編輯器),用它打開我們的html文件,輸入英文嘆號回車就自動生成了,學編程不要死記硬背。
2.控件的標簽不需要記憶,直接百度html XXX標簽,例如:百度搜“html按鈕標簽”,他就會告訴我們是<button>,用的時間長了自然就記住了。是不是省力。
3.標簽的屬性很重要,可以不去記他的寫法,因為寫可以百度,重要的是你需要記住標簽有什么屬性,下圖的屬性記住足矣。為什么要記呢,因為工作中,有的時候會遇到這樣一種情況,明明設置一個屬性可以完成的功能,我們不知道,花費了大力氣用css和js去實現,結果還存在著特定場合的bug,讓人很無奈。
4.對于html還有兩個標簽<canvas>和<svg>,他們是用來繪圖的,做特殊效果的。我們可以先跳過,等框架啥的都學完了,有興趣,學習一下。
5.給大家推薦一個小白學習html的網站,w3cschool,圖里不明白的可以去上邊學學練練。
6.如果覺得一個人學習前端有難度,我建了一個小白前端學習交流群,可以私聊我,大家在群里多多交流,我會經常給大家答疑,組織大家練習,一起做小項目。有方向,少走彎路。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。