學習基本HTML以開始構建網站
學習基本的HTML來創建您的網站。 基本的HTML並不難學。 如果你想創建自己的個人網站,學習HTML可能是你做過的最重要的事情。 你必須學習HTML來設計好的頁面,因為它是互聯網網站所基於的語言。
網站是炫耀你生活中的一些東西的好方法。 基本的HTML可以讓你向世界展示你想要在網站上展示它的任何內容。 在您學習基本HTML時,添加顏色,更改文本大小並在網站上添加圖片只是您可以執行的一些操作。
要學習基本的HTML,你必須記住,它只是一系列字母,它們是他們實際所代表的縮寫。 例如,H1表示五個尺寸中的第一個段落的標題,而BR是換行符。
在學習基本HTML時,需要記住的一件重要事情是,在網頁上,HTML標籤必須按照特定順序排列,並且大多數HTML標籤必須具有開始和結束標籤,以便瀏覽器識別該命令。 除了以/符號開頭之外,結束標記與開始標記相同。 標題看起來像這裡標題 H1>
。 有一個開始標記H1 ,標題和一個結束標記/ H1 。
以正確的方式學習基本的HTML,並記住標籤必須按照特定的順序排列。 網頁的基本結構如下:
您可以在此放置重要的文檔信息,如框架,語言和特殊說明。
HEAD>
將您的故事,圖片,鏈接和其他所有內容放在這裡。
段落的標題。 H1>
這是您輸入文檔文本的地方。 P>
這是如何寫一個鏈接:
http://www.nameofpage.com ">標題或你想說的話。
BODY>
HTML>
您還可以在句子中間輸入鏈接。 如果你想說“微軟有一些精彩的演示”。 它看起來像這樣:
http://www.microsoft.com/en/us/default.aspx ">微軟提供了一些精彩的演示來幫助您學習基本的HTML。
您不僅可以創建指向其他頁面的鏈接,還可以創建指向同一頁面上其他位置的鏈接。 如果我想讓你回到本文的開頭,我會說類似“回去”的東西,並通過單擊超鏈接你會回到開頭。 這個比較難,因為它有兩個部分。 首先你創建你的鏈接:
“There”這個詞是我想帶你回來的詞,所以現在我必須去那個詞並創建和錨定,以便我剛剛創建的鏈接知道去哪裡:
當你學習基本的HTML時,你可以在Windows附帶的文本編輯器,NoteTab和Arachnophilia等程序或Web瀏覽器附帶的程序中編寫你的網站 。 無論哪種方式,如果你只是按照從你學習基本HTML的規則,一切都會變得很好。
基本的HTML標籤
<!-...-> - 瀏覽器看不到的作者評論。
... HTML> - 始終使用此標記開始和結束您的頁面。
... HEAD> - 文件的標題。
... BODY> - 文件正文 。
... H1>
- 最小的標題大小。
... H2>
- 小標題大小。
... H3>
- 中小的標題大小。
... H4>
- 中等大的標題大小。
... H5>
- 大標題大小。
... H6>
- 最大標題大小。
... - 開始超文本鏈接。
<地址> ... 地址> - 作者信息。
... BLOCKQUOTE>
- 長引號。
... PRE>
- 預格式化文本。
- 表單塊。
- 創建一個框以輸入文本。
- 創建一個滾動菜單。
- 創建要選擇的項目。
... OL>
- 有序列表。
有序列表的示例:
- 紅
- 藍色
- 綠色
... UL>
- 無序列表。
無序列表的示例:
- 紅
- 藍色
- 綠色
<菜單> ... 菜單> - 菜單列表。
... DL>
- 詞彙列表。
... CITE> - 引證。
... CODE>
- 代碼字體。
... DFN> - 定義的術語。
... EM> - 強調。
強調紅色的例子:
紅色,藍色,綠色
... I> - 斜體。
斜體示例:
紅色,藍色,綠色
... KBD> - 鍵盤文本。
... SAMP> - 示例文本。
... STRONG> - 強調重點。
強調重點的例子:
紅色,藍色,綠色
... TT> - 打字機文字。
... VAR> - 變量。
... B> - 粗體。
- 描述文檔。
- 換行符。
- 水平線。
- 圖片。
- 段落。
- 列出項目。
- 在列表中標記一個術語。
- 標記列表中的定義。