第二天已更新:https://blog.csdn.net/qq_42736179/article/details/104093694
目錄
HTML的基本概念
什麼是HTML
HTML是超文本標記語言(Hyper Text Markup Language),用來描述網頁。
- 不是C,C++之類的編程語言,而是一種標記語言
- 標記語言是一套標記標籤
- HTML利用標記標籤來描述網頁
什麼是HTML標籤(HTML TAG)
- 用<>括號括起來的關鍵字
- 一般是成對出現的,標籤對中第一個標籤稱爲開始標籤,第二個標籤稱爲結束標籤
網頁
網頁==HTML文檔,包含HTML標籤和純文本
網頁的開發步驟
- 編寫HTML文檔
- 使用WEB瀏覽器打開HTML文檔
- WEB瀏覽器讀取 HTML 文檔,並以網頁的形式顯示出它們。
- 瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容
第一個HTML文檔
<html>
<body>
<h1>Header 標題</h1>
<p>段落</p>
</body>
</html>
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示爲標題
- <p> 與 </p> 之間的文本被顯示爲段落
用記事本編寫第一個HTML文件
編寫HTML文件
打開記事本,輸入如圖:
文件的保存
另存爲.html或者.htm
web解釋
直接找到保存的文件,雙擊即可。
可能遇到的問題
- 選擇的瀏覽器打不開html文件
解決方法:使用支持html文件的瀏覽器
- 如果純文本是中文,網頁出現亂碼,則採用以下網址的方法
http://www.divcss5.com/html/h546.shtml
HTML常用標籤
標題
<html>
<body>
<h1>THIS IS H1</h1>
<h2>THIS IS H2</h2>
<h3>THIS IS H3</h3>
<p>this is article</p>
</body>
</html>
通過關鍵字對<h1>到<h6>設置第?級標題
段落
<html>
<body>
<h1>THIS IS H1</h1>
<p>this is article01</p>
<p>this is article02</p>
<p>this is article03</p>
</body>
</html>
通過關鍵字對<p>
圖像
<html>
<body>
<img src="D:\1.PNG" width="600" height="120" />
</body>
</html>
公式:
<img src="輸入文件的路徑“ width="寬度" height="高度" />
紅色爲可改的部分
鏈接
<html>
<body>
<a href="http://baidu.com">
BAIDU LINK</a>
</body>
</html>
雙擊打開網址:
公式:
<a href="輸入網址">
輸入顯示的文本</a>