html簡單教學

2022-03-25 06:53:12 字數 947 閱讀 7162

第一次在安家,其實剛做前端的時候就寫部落格了,那時候也有的賬號,但是一直懶得用(好吧我確實很懶,以後你們會發現我更懶)那麼這就是我之前的第一篇前端博文**過來貌似很多**還不全,不過也沒啥你們先湊合看嘍。我還不怎麼會用的說。):    

寫乙個線上直譯器顯然是搞不定的,尤其問了正在南大讀研的同學之後,他告訴我至少用php是無法實現的~

ok,雖然是實現不了不代表就一點想法也沒有,事實上,code最愉快的事情就是有時候你覺得永遠不可能的事情還是有希望的(起碼可以做到看起來有希望)。

於是想到可以做乙個簡單的html標籤教學~

第一步,生成兩個視窗

左邊用textarea標籤為輸入內容為輸出第一條教學指令。右邊則用乙個div作為要填充的教學指令

那麼下一步就是構建jquery**,其實這個程式總體來說很簡單,博主也只是想達到乙個簡單的效果,看是否原理上可以實現。思路也很簡單,不停讀取左邊的內容(setinterval函式,擷取前一段字元進行判斷,如果是我們所需要輸入的,那麼就說明使用者做出了正確的步驟,就將右邊的**填充相應的內容。大概思路是這樣,**也很簡單,如下:

$(function()

if(stru2=="")

}setinterval(func,100);

});css**:

.mast

.mast2pli

.name

.mast4

ok,不過值得一提的是為了讓我們需要讓使用者輸入的那段**有一定的樣式,於是我們做了兩個分段的填充,並且在最後進行乙個清除。

ok,那麼這樣一來基本的效果就都能實現了,不過這裡有乙個麻煩的bug,也是我暫且不知道如何解決的,在第二段輸入時,我們自然希望有乙個正確的規範,那麼久需要換行,但因為我用的是擷取字元,而在擷取的時候換行字元判斷不出來,希望有了解的大神可以給予指導~

HTML 語法教學之背景標籤

背景標籤 說穿了,背景標籤只有這個標籤,其餘的效果,只要加上一些簡單的屬性便可做到。使用方法 標籤解說 這個標籤其實應該老早就要講了,畢竟它是構成網頁不可或缺的基本要素之一 哎哎哎.現在放馬後炮有什麼用!我們背景顏色或的設定以及鏈結字型的顏色,通通都放在這標籤裡面。我就其屬性來一一解說 背景顏色 用...

HTML 語法教學之字型標籤

標題標籤 使用方法 標籤解說 標題的大小一共有六種,兩個標籤一組,也就是從 標題四標題四 標題五標題五 標題六標題六 設定字型大小標籤 使用方法 文字內容 標籤解說 標題的大小一共有七種,也就是 最小 到 最大 另外,還有一種寫法 文字內容 其意思就是說 比預設字大一級。當然也可以 font siz...

HTML 語法教學之序列標籤

無序標籤 序列標籤基本上可分為兩種,一種是 無序條列 一種是 有序條列 所謂 無序條列 當然就是意指各條列間並無順序關係,純粹只是利用條列式方法來呈現資料而已,此種無序標籤,在各條列前面均有一符號以示區隔。至於 有序條列 就是指各條列之間是有順序的,從1 2 3 一直延伸下去。我們先來看看 無序列表...