網路行銷人員必備技能!教你如何看懂HTML基本架構及語法!

數位競爭力
HTML基本架構及語法是網路行銷人員的基本技能

網路行銷人員必備技能!教你如何看懂HTML基本架構及語法!

 

隨便打開一個網頁,按下F12就會跳出一堆密密麻麻的原始碼。身為一個網路行銷人員,只要能看懂HTML基本語法跟架構,對於工作上是很有幫助的。

網路行銷人員必備技能!教你如何看懂HTML基本架構及語法!

什麼是HTML?

 

HTML是用來建置網頁的一種基本語言

就像如果你要跟美國人溝通就要講英語,你要跟法國人溝通就要講法語

瀏覽器也不例外,它聽不懂我們人說的語言,所以我們需要一個它看得懂的語言來跟它溝通

 

如何編輯HTML檔?

 

最簡單的方法就是使用電腦內建的記事本

 

1.首先打開記事本

2.輸入任意語法,並存檔

3.將檔案副檔名改為.html

4.用瀏覽開啟檔案即可

 

另外如果有需求可以使用免費軟體Sublime Text 3,是一套非常方便的文字編輯軟體

 

基本HTML架構

 

一個HTML必備的架構使用語法為以下幾種

<!DOCTYPE html>:宣告此份文件為HTML,接下來將使用HTML語法與瀏覽器溝通

<html>:表示html檔的開始

<head>:通常用來放置各種檔案連結,例如CSS檔…等等,屬於使用者看不到的區塊

<body>:用來放置網站內容,大部分使用者可以看到的內容都放這裡

完整呈現如下:

基本HTML架構

要完成一個基本的網頁就是包含上述的語法,作為一個網路行銷人員,還是要看得懂網頁的內容。之後有機會再一一介紹更加詳細的語法及設定。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *