html學習筆記（一）
時隔一年，又翻出了html書與視頻，從頭再來，
這幾天回顧了一些常用標簽，
1.html是什么？
html又稱為超文本標記語言，是一種標識性的語言，它包括一系列標簽，通過這些標簽可以將網路上的分散的Internet資源連接為一個邏輯整體，html文本石油html命令組成的描述性文本，html命令可以說明文字，圖形，繪畫，聲音，表格，鏈接等，
2.html使用什么IDE？
目前博主在用的是HBulider X,之前也有用過Sublime Text，但是博主覺得HBulider X更加好用一些，HBulider X相較于Sublime Text更快一些，而且本身較小，下載方便，對代碼的補全反應也很快，但有時也會出現卡頓的情況，
3.新建的html檔案`
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
其中在檔案的最外層， 檔案中的所有文本和html標簽都包含在其中，它表示該檔案是以超文本標識語專言（HTML）編屬寫的，
元素是所有頭部元素的容器， 內的元素可包含腳本，指示瀏覽器在何處可以找到樣式表，提供元資訊，等等，以下標簽都可以添加到 head 部分：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>今天很喜歡小水的網頁</title>
</head>
<body>
</body>
</html>
實作效果如下圖
4.幾個簡單標簽，（以下標簽均寫在中）
（1）.標題標簽
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>今天很喜歡小水的網頁</title>
</head>
<body>
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
</body>
</html>
實作效果
（2）.段落標簽
(3).a標簽
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>今天很喜歡小水的網頁</title>
</head>
<body>
<a href="https://i.csdn.net/#/uc/profile">跳轉鏈接</a>
<p>今天真是美好的一天呢，</p>
<p>祖國是哺育我們的母親,是生命的搖籃,是每一個中國人的驕傲,在慶祝您62周年華誕之際,我熱血沸騰,思緒澎湃，每當我們仰望五星紅旗,每一次唱起國歌,愛國之情就在我們心中激蕩，</p>
</body>
</html>
實作效果
其中 href 屬性引bai號中寫鏈接的地址，兩個尖括號之間為網頁上要點擊鏈接的字符，
(4).標簽
圖片和HTML文本在同一目錄下：直接選中圖片，添加到scr中
例如：
代碼實作`
<img src="1.gif" >
實作效果
(5).串列標簽
ul>li無序串列
代碼實作
<ul>
<li>無序串列1</li>
<li>無序串列2</li>
<li>無序串列3</li>
<li>無序串列4</li>
<li>無序串列5</li>
</ul>
效果
有序串列
代碼實作
<ol>
<li>有序串列</li>
<li>有序串列</li>
<li>有序串列</li>
<li>有序串列</li>
<li>有序串列</li>
</ol>
實作效果
over
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/227552.html
標籤：其他