天天看點

自學之路之HTML

以前就隻是知道HTML就是網頁的一種編寫,老師曾經也是推薦我們下來去自學,前不久我就看了一下網頁教程,其中的老師向我們展示了淘寶網站以及京東等類似的網站(點選右鍵就會有一個HTML代碼展示)

好了我現在涉及到的還很淺層次**(這是一個各種下載下傳的執行個體)**

首先第一句要寫

<! DOCTYPE html> //其相當的意思就是向我們申明它是一個html的檔案

<html>
<head>
      <meta charset-"utf-8">   **//這裡是規定文本文字的(現在通用的就是UTF-8)**
      <title>超連結</title>   **//  這是網站的标題(例如淘寶網)**
</head>
      <body bgcolor="AliceBlue">   **//設定背景顔色**
           1.<a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow" >百度</a><br>   **//<br>在這裡是換行(類似于C++中的endl)**  
           2.<a href="02.html" target="_blank" rel="external nofollow" >打開本地檔案</a><br>
           3.<a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow" ><img src="圖檔1.png"></a><br>
           4.<a href="mailto:[email protected]" target="_blank" rel="external nofollow" >聯系我</a><br>
           5.<a href="圖檔1.png" target="_blank" rel="external nofollow" >下載下傳</a>
      </body>   **//相當于int main(){   之間包含的主體  }**
</html>
           

其中的<a href=>等于後面相當于是一個位址下載下傳的資源在哪裡的意思

自學之路之HTML

這就是一個網頁其中有五個下載下傳方式html代碼如上分别對應

strong 加粗

i 傾斜 del 删除 添加小号字型 s 删除線 sub 表示下标 sup 表示上标

<p ></p>  <a></a>也有不同的作用
注意<p></p>與<br>的不同之處(不同之處就是<是直接換行而<p></p>是換行的時候還有一行空的換行就是有一個多餘的換行(後者适合用于寫詩的格式))
<!DOCTYPE html>
<html >   **表示是中文顯示**
<head>         **</head> 的位置可以放在</body>的後面也可以放在</title>的後面**
      <meta charset-"utf-8">
      <title>執行個體02</title>
</head>
      <body bgcolor="aliceblue">
      	<h1 align="center">八陣圖</h1>     **表示标題的字型大小h1最大**
        <h3 align="right">作者:杜甫</h3><hr>     **<hr>是一條長的分割線**
        <p align="center">功蓋三分國,名成八陣圖<p>    **<p></p>這裡分段**
        <p align="center">江流石不轉,遺恨失吞吳</p>
      </body>
</html>  結束

           
自學之路之HTML

謝謝觀看