當(dāng)前位置:首頁 >  站長 >  建站經(jīng)驗(yàn) >  正文

高校網(wǎng)站建設(shè)—什么是HTML?

 2019-07-10 11:02  來源: 互聯(lián)網(wǎng)   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競價(jià),好“米”不錯(cuò)過

說道網(wǎng)頁設(shè)計(jì),HTML是我們必不可少的一部分。基礎(chǔ)網(wǎng)頁的構(gòu)成,無論怎么變幻,都是由原聲的HTML代碼組成構(gòu)成網(wǎng)頁。

下面尚品中國就根據(jù)工作中所用和看過的書籍一點(diǎn)一點(diǎn)總結(jié)下我們常用的HTML格式和代碼。

  一、什么是HTML。

HTM不是一段編程語言,而是一款標(biāo)記語言,本身不能顯示在瀏覽器中。經(jīng)過瀏覽器的編釋和編譯,才能正確反映HTML標(biāo)記語言的內(nèi)容。HTML從1.0到5.0經(jīng)歷了巨大的變化,從單一的文本顯示功能到多功能互動(dòng),已經(jīng)成為了一款非常成熟的標(biāo)記語言。

  二、HTML文件的基本結(jié)構(gòu)

(HTML文件的基本結(jié)構(gòu))

<!doctype html>

<html>文件開始標(biāo)記

<head>文件頭開始的標(biāo)記

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<title>XX系統(tǒng)</title>

</head>文件頭結(jié)束

<body>文件主題的內(nèi)容

</body>文件主題的結(jié)束

</html>文件結(jié)束的標(biāo)記

這里主要說明title和meta(元信息)

<!--說明文件頭-->

<title>XX網(wǎng)站</title>

<!--添加作者信息-->

<meta name="author" content="_永不言棄" >

<!--設(shè)置網(wǎng)頁文字及語言 -->

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<!--設(shè)置網(wǎng)頁定時(shí)(20秒后)跳轉(zhuǎn)-->

<meta http-equiv="refresh" content="20;url=index.html">

(<meta http-equiv="refresh" content="20;url=index.html">)

三、HTML主要常用標(biāo)簽

3.1標(biāo)題

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

3.2 標(biāo)題字對齊屬性align

默認(rèn)情況下,標(biāo)題文字是左對齊的。在網(wǎng)頁制作過程中,常常需要選擇對其他的方式,這時(shí)我們就需要用到align屬性。

3.3 段落標(biāo)記p

段落標(biāo)記是文檔中最常見的標(biāo)記,<p>用來起始的一個(gè)段落。

3.3 換行標(biāo)記

換行標(biāo)記<br>作用是在不另起一段的情況下將當(dāng)前文本強(qiáng)制換行。

3.4 不換行標(biāo)記nobr

<nobor>表示的是不換行的標(biāo)記</nobor>

3.5 水平線

<hr/>

3.6 插入空格

&nbsp;

  四、建立超鏈接

與自身網(wǎng)站頁面有關(guān)的連接被稱為內(nèi)部連接

4.1絕對路徑

絕對路徑是包括服務(wù)器規(guī)范在內(nèi)的完全路徑。絕對路徑不管源文件在什么位置都可以非常精確地找到,除非是目標(biāo)文檔的位置發(fā)生變化,否則連接不會(huì)失效。

4.2相對路徑

為了避免絕對路徑的缺陷,對于在同一站點(diǎn)之中的連接來說,使用相對路徑是一個(gè)很好的方法。

(相對路徑-網(wǎng)站建設(shè))

4.3 內(nèi)部連接

<a href="# target="目標(biāo)窗口的打開方式 " >

屬性值

含義

-self 在當(dāng)前頁面中打開連接

-blank  在一個(gè)全新的空白窗口中打開連接

-top  在頂層框架中打開連接,也可以理解為在根框架中打開連接

-parent 在當(dāng)前框架的上一層里打開連接

4.4 錨點(diǎn)連接

錨點(diǎn)到本頁面中的位置

<a href="#1" >商品名稱</a>

<a href="#2" >產(chǎn)品特點(diǎn)</a>

<a href="#3" >產(chǎn)品規(guī)格</a>

<a  neme="1">XX商品</a>

<a  neme="2">XX產(chǎn)品特點(diǎn)</a>

<a  neme="3">XX規(guī)格</a>

錨點(diǎn)到其他頁面的位置

<a href="index.html#1"></a>對應(yīng)連接到index.html中name=1的位置

  4.5 連接到外部網(wǎng)站

在設(shè)置友情鏈接時(shí),需要打開HTTP協(xié)議進(jìn)行外部連接訪問。

<a href="wwww.baidu.com" >百度</a>

4.6 連接到E-mail

<a href="mailto:郵件地址">。。。</a>

4.7 連接到FTP

FTP代表文件傳輸協(xié)議,一個(gè)FTP站點(diǎn)通常包含一些上傳和下載文件的文件目錄。

大部分FTP網(wǎng)站需要使用用戶名和密碼來登錄。

當(dāng)然還有其他的一些連接方式,例如文件下載,連接到Telnet等。這些都會(huì)可以用a標(biāo)簽實(shí)現(xiàn)。

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦