記錄 學習前端第乙個星期的html重點難點

2021-09-29 16:35:50 字數 1438 閱讀 9207

目錄

1、適合新手的編輯器

2、html規範

3、元素分類及常見元素

4、**標籤

5、form表單

html語言的編輯器有很多,比如dw,hbuilder,vscode, sublime text等等,但是我覺得最適合新手入門的是editplus,這是乙個沒有**提示的編輯器,都要手動敲完整的乙個個單詞,能讓我們快速的記住標籤,記住單詞,雖然企業開發的時候都是用有**提示**補全的,但是人家面試的時候要求用的是手寫。當然,只是剛開始的時候推薦使用editplus,熟練了之後就可以使用有**提示**補全的編輯器了。

①雖然html的標籤沒有區分大小寫,但是規定標籤字母都是小寫的。

②雙標籤符合開閉原則,有開始就要有結束,建議不要手動敲中括號,敲上標籤名,然後按tab鍵補全。

③命名規範(class/id):

a.不可以用數字開頭,可以數字結尾

b.   id名是唯一的,乙個檔案只能出現一次

c. 不可以出現特殊字元

d.可以使用下劃線_ ,橫線-

e.不可以用中文

f.駝峰命名法(第乙個單詞首字母小寫)

④巢狀原則:

a.通常是塊元素包裹著行內元素(div>span)

b.標籤不能巢狀塊標籤,否則會將乙個p標籤變成兩部分

c.行內元素不能巢狀塊元素

①塊級元素(display: block):可以直接設定寬高,通欄顯示(獨佔一行顯示) 常見的有:div  ul  ol  li  h1~h6  p  table  form  dd  dt  dl 

ul>li: 無序列表;   ol>li: 有序列表標籤   dl>dt/dt:  標題列表標籤.

②行內元素(display: inline):不可以直接設定寬高(可以通過在樣式將其變成塊元素或者行內塊元素,然後設在寬高),可以在同一行顯示  常見的有:span  a  b  i  u  del

③行內塊元素(display: inline-block):可以直接設定寬高,可以在同一行顯示  常見的有   img  button  input  textarea  select 

④語義標籤:

**標題

**頭 行

表頭詳情

**體 換行

**內容 換行

**內容 換行

**內容

以上**的執行結果(為了清楚演示,我給**加上邊框,原本是沒有那些線的):

上面**的執行結果:

第乙個前端專案

vue.config.js 檔案中設定axios訪問後端的根路徑 permission.js 檔案中設定白名單,白名單中的內容 於router,在白名單中的頁面可以直接訪問,不需要先登入,也就跳過了 env.檔案中設定訪問後端的中間路徑 當前端頁面除錯的時候出現 has been blocked b...

BLOG的第乙個星期天

早上起床後,感覺室內氣溫涼拉很多.趕緊跳下床.到櫃子裡找出長衣長褲.洗刷吃喝拉撒完畢.開啟電腦.網上瀏覽著網頁.一直持續到3點.因為葉子上線拉.葉子是我在乙個部落格論壇認識的。後來她認我做哥哥.妹妹發出問候,做哥哥的總不能不理她吧.呵呵聊唄.一邊繼續瀏覽著網頁.晚飯回來,又想起拉csdn.csdn是...

第乙個專案所學記錄

activity.this的context 返回當前activity的上下文,屬於activity activity 摧毀他就摧毀 jsonparser jsonparser new jsonparser jsonobject json jsonparser.makehttprequest url ...