前端學習日記（記錄從不會玩電腦小白到大神的程序）：
（目標：2021年2月14日開始學習HTML，半個月拿下HTML+css基礎，初心：記錄個人學習成長，歡迎大神指點，）
一、基本語法記錄：
1、基本標簽
1、標題標簽< h1 >和< h6 >
解釋：共6個等級 ；作為標題使用，重要性依次遞減，
特點：1、加了標題文字會變粗，字號變大 2、一個標題獨占一行 ，
記憶：單詞head的縮寫，意思為頭部、標題，
用法：< h1 >一級標題< /h1 >
2、段落標簽< p > < /p >
解釋：網頁中文字分段顯示，在HTML中用于定義段落，可把網頁分為若干段落，
記憶：program的縮寫，意味段落，
特點：1、會根據瀏覽器視窗大小自動換行 2、段落和段落間有空隙，
用法：< p >段落標簽< /p >
3、換行標簽< br/ >
解釋：網頁中文字從左到右依次排列,到瀏覽器視窗右端才會自動換行，此命令能夠實作隨心所欲的換行，
記憶：break的縮寫，意味打斷、換行
特點：1、單標簽 2、另起一行無間距
用法：此處需要換行< br/ >
4、< div >< /div >和< span >< /span >
解釋：無語意，盒子用來裝內容
記憶：div是division的縮寫表示分割、磁區，span意味跨度、跨距，
特點：< div > 用來布局，一行只能放一個< div >,大盒子 2、span用來布局，一行可以放多個，小盒子，
5、< img src=“圖片位置”/ >
解釋：網頁中添加圖片
記憶：image的縮寫，意味影像，
特點：1、src 是img的必須屬性，指定影像檔案路徑和檔案名，2、單標簽
其他屬性：
用法：無特殊用法，注意：屬性中間用空格間隔；一般只設定寬度或者長度；
6、根目錄與路徑
根目錄解釋：打開目錄檔案夾的第一層就是根目錄
相對路徑：簡單說圖片相對于HTML檔案的位置，分為三類：
1、同級目錄 2、下級目錄 符號： / 3、上級目錄 符號： …/
絕對路徑：在電腦路徑中的位置
7、超鏈接標簽< a herf="" > 內容< /a >
屬性：herf 存放鏈接地址 target ：鏈接打開方式，_self默認值，_blank為新視窗打開方式
8、鏈接分類
9、注釋標簽< !-- 這是注釋 - - >
10、表格標簽< table > < tr > < td >< /td >< / tr> < /table >
| 學習投資時間 | 回報率 | 興趣程度 | 期望薪資 |
|---|---|---|---|
| 100天 | 80% | 70% | 15K |
表格標簽屬性：（寫到table里面）；
< thead>標題< /thead > < tbody>主體< /tboday> 可設定標頭和尾；
11、合并單元格技巧
1、跨行合并：roswpan=“行數”;目標單元格為最上方；
2、跨列合并: colspan=“列數”;目標單元格為最左方；
3、記得洗掉多余單元格；
12、串列標簽(有序和無序)就是ol或（ul）標簽+li標簽
效果如下：
- 123
- 456
- 789
- 123
- 456
- 789
13、自定義串列(dl dt dd)
效果如下：
-
關于我們
- 聯系電話
- 傳真
- 名詞解釋
表單控制元件：允許用戶在表單中輸入或操作選擇的一些控制元件
型別：
1、input：輸入表單元素
2、select：下拉表單元素
3、textarea:文本域元素
4、
注意：
name和vale是給后臺人員使用的
name：單選按鈕和復選框要有相同的值；
lable標簽：能系結圖片和其他東西選擇我們的按鈕
select ：下拉選單的option標簽用于選項，sleected=“slected”,當前默認選項；
文本域標簽：< textarea >< /textarea >
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/259870.html
標籤：其他