以前就隻是知道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=>等于後面相當于是一個位址下載下傳的資源在哪裡的意思
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHLwUkaOVTUU9EMRpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL4UjMwEDMxUTM2ADOwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
這就是一個網頁其中有五個下載下傳方式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> 結束
謝謝觀看