第一天學習HTML

HTML初識

編譯器

SublimeText編譯器

ctrl + n 能夠新建一個文件

ctrl + s 保存

ctrl + shift + s 另存爲

HTML頁面

• HTML類的所用東西都叫標籤
  • <標籤名>
  • <標籤名></標籤名>
• 標籤理解
  • \<doctype html\> -》文檔頭
  • \<html\> ---->第二標籤就是HTML標籤
  • \<head\> ------》頭部標籤
  • \<title\> -----》文件的顯示的名字（瀏覽器窗口標題）
  • \<body\> -------》網頁裏面顯示的內容在這裏寫

div標籤

學了這個標籤學了70%（div）

• 大部分的網站都是div構成的
• 特性就是一行一行的，想到下行就在來一個div

img標籤

網頁上除了文字最多的是啥？

網頁就是有文字 + 圖片 + 媒體（音頻 + 視頻）

img標籤

• 在網頁能夠讓圖片顯示出來
• img不須要閉合
• 須要填寫src屬性（img標籤和圖片有關聯的一個屬性）
• src 是一個地址屬性

a標籤

• 跳轉標籤
• 樣式：\<a\>\</a\>
• Href="想要跳轉的頁面"
• 跳轉本頁面還在使用 target="_blank"
• 圖片點擊跳轉在a標籤裏面添加img標籤便可

ul標籤

無序列表

• 在使用ul以前要使用li來表示每一行
• li能夠有無限個，全部其他內容能夠放入li裏面
• 正規寫法ul下面的第一層只能放li。

ol標籤

有序列表

• ol和ul的用法基本一致
• ol下面使用數字標註
• ol下面的第一層最好放li

p標籤

段落標籤

• 若是許多文字請使用p標籤（新聞或小說）
• 默認是一行的
• 並且比起其餘的元素默認每行的上下會有留白。

input標籤

type='input的類型'

• txt默認
• password 密碼
• radio 單選
• checkbox 複選
• color 顏色

按鈕

input標籤按鈕

• type="button"
• value="內容"

<input type='button' value='按鈕上的文字'>

button標籤

<button>內容</button>