之前就有想過要學學個HTML了

只不過每次都是碰一下就沒繼續(難怪一直只能當初心者

因此這次就想說直接把自己學的過程逐步記錄,順便直接架一個網頁

這樣或許會督促自己,提升學習動力

 


首先,什麼是html呢?

根據WIKI:「超文件標示語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標示語言。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程式以及行動應用程式的使用者介面[1]。網頁瀏覽器可以讀取HTML檔案,並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現,使之成為一種標示語言而非程式語言...」

簡單來說,HTML就是拿來寫網頁的語言,可以用很多不同的線上或線下的工具來編寫,不過某羽倒是沒想這麼多,直接開個記事本寫比較快。


<!DOCTYOE html>
<html>
<head>
 </head>
<body>
</body>
</html>

這算是HTML編寫的起手基本格式,每個東西會有< > 兩個符號所框住的開啟碼,和是由</ > 所框住的關閉碼


以下是今天進度

<!DOCTYOE html>
<html>
<head>
    <title>隨意玩</title>
</head>
<body>
<u><b><em>RE:從零開始</em></b></u>
<a herf="https://www.google.com.tw" target= "_blank">google</a>
<a herf="https://www.google.com.tw">google</a>
</body>
</html>

結果大概會長這樣子

可以提的是body中的這串分別什麼

<u><b><em>RE:從零開始</em></b></u>
<a herf="https://www.google.com.tw" target= "_blank">google</a>
<a herf="https://www.google.com.tw">google</a>

<u></u>:字體加上下劃號

<b></b>:字體加粗

<em></em>:字體變斜

<a></a>:是超連結的語法,那這邊可以看到用了兩種不同方式的超連結

              首先是<a herf="https://www.google.com.tw" target= "_blank">google</a> 這個是指說你點超連結後他會跳出新開一個分頁

              第二種<a herf="https://www.google.com.tw">google</a>是本身轉到另一個網頁去,就跟語法後面用self一樣

 

 

 

 

 

 

 

文章標籤
全站熱搜
創作者介紹
創作者 某羽 的頭像
某羽

just for fun

某羽 發表在 痞客邦 留言(0) 人氣(4)