又是新的一天呢!
今天要來講很多很多的tag,基本上把他記下來或是至少有個印象就好了,真的忘了就去查一下一定都查的到。
然後最一開始先講一個不知道怎麼分類的tag,註解:<!-- -->
,他不用<> </>
,看起來很神奇。不過我其實不常碰到他XD
昨天有說這些tag都是不會在網頁顯示出來的,只是網頁的基本資訊,可能會給搜尋引擎或是瀏覽器之類的讀。
然後昨天有說道大多數tag都是成對的,但是在head裡的tag成對的反而較少,所以看到不要覺得奇怪。
那我們就開始看看這一堆tag吧!
<head> </head>
整個head的最外層,一定要有的。
<title> </title>
中間放的是網頁標題,可以說是在head裡面唯一一般人會看到的東西。
<meta charset=''>
設定網頁編碼,一般會是utf-8
。不寫也不一定會怎麼樣,但是可能就會跑出亂碼。<meta name='description' content=''>
content裡可以自己填關於網頁的描述。<meta name='author' content=''>
很明顯是作者。但是他聽說已經很少被採用了所以加不加沒差。<meta name="keywords" content="">
就是關鍵字,但是也用不多了,所以不用太理他。<meta http-equiv='refresh' content=''>
他是我比較常用的http-equiv,功用是定時重新整理。單位是秒喔。然後接下來要講的是link
的部分,他的功能都很重要,讓我們來看看:
<link rel='icon' href='' [sizes=''] type=''>
這邊是用來加網頁的icon,href
是你icon的位置,通常用相對路徑,現在所在的目錄就是這個HTML檔案所在的目錄。type
可以是image/png
或image/jpg
之類的,一定要打他是image
然後/
再加副檔名。<link rel='stylesheet' href=''>
這是用來引入CSS的。href
放的是CSS的檔案路徑。link
喔,要用script
:<script src=''></script>
src
(source)裡面放的就是JS的路徑。tag中間基本上不會有東西。而src
可以記一下,以後會很常看到。
<style> </style>
有時候你可能懶得引入CSS,或是不管怎樣沒用link弄CSS的時候,你就需要他。你可以在他們之間放CSS的語法,然後就會有link CSS進來的效果了。
如果還想要知道更多的話(尤其是meta跟link的部分)可以去這裡看看。(好像有點太多了XD)
今天要講的是關於單純文字的部分,之後還會講到body的結構、插入圖片、影片等等。
<h1> </h1>
標題,<h1>
是最大的,也可以<h2>
、<h3>
到<h6>
,他會看起來比較大、比較粗。當然用CSS也可以調啦。
<p> </p>
:段落,會有蠻大的外圍(講CSS會提到)。
<b> </b>
:粗體。用CSS也可以辦到。
<i> </i>
:斜體。一樣,CSS也可以做出來。
<hr>
:一條水平線。
<br>
:換行。
<span> </span>
:一段字,不會占掉整行。
<div> </div>
:一行字,整行都會占掉。
<sub> </sub>
:有時候想要打化學式的H2O之類的,要讓2縮小就可以用他。
舉例:H<sub>2</sub>O
,2
被sub了,所以他會縮小。
<sup> </sup>
:這個是次方。
舉例:3<sup>2</sup>
,然後就會有2的三次方的效果。
<a href='' [target=''] [download]> </a>
他是超連結,基本上網頁一定要有吧!兩個tag中間要放的是這連結的文字(或圖片之類的)href
要放的是連結的網址(當然也可以放在同一台主機上的東西,用相對路徑就可以了)target
是超連結要怎麼開,預設就是在現在這個網頁開,如果是_blank
的話就會開啟新分頁,當然還有很多種開法,只是不常用到,我也不贅述了download
,明顯就是一個按了可以下載檔案的網址,如果是要做甚麼工具小站之類的就會用到。然後預設會有底線跟字變藍色,可以用CSS消掉。
結果我發文了才發現忘了打結語XD
今天就是一堆的HTML tag轟炸,我覺得也沒有甚麼背的必要啦,需要再去查一下都會有,在W3C也有完整的列表,有需要可以去看看。
話說我本來想說可能HTML佔三天,現在顯然要不只了呢...