html css 學習筆記

2022-04-30 19:06:08 字數 1872 閱讀 7462

在此感謝w3school黑馬程式設計師 web前端入門基礎教程,幫助我邁進web開發的大門。

div是行元素,獨佔一行,而span則是塊元素,一行可以放好幾個。每個盒子相當於乙個容器,可以放置其他內容,其他種類的盒子同理。

通過 \(

\(\) ​​常用於在頁面中建立水平線,用來分隔內容,所以經常和標題搭配著用

通過 \(\) 定義

this is a paragraph.

this is another paragraph.

段和段是分開的,如果想多打些空行,別用 \(

\) 這種操作,用乙個 \(

\) 即可

通過 \(

\) 定義

通過 \(\) 定義

這是最常見的,指向乙個網頁鏈結

另外,可以使用乙個 target 屬性,來決定**的開啟方式

指向該網頁內部某個位置,詳情可見html鏈結。

通過\(\)定義

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

\(\)表每行,\(\)表每行上面的第幾列元素。

row 1, cell 1

row 1, cell 2

具體設定可在 css 中詳解

一般來說,**都有乙個專門的表頭,說明這一列的元素都是啥,我們可以用\(\)代替\(\)。

heading

another heading

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

通過\(

通過\(\)定義

coffee

milk

每個\(\)相當於乙個容器(行),可以在裡面放一堆東西

建議這裡看黑馬程式設計師的課程,方便理解。

通過\(\) 定義

coffee

black hot drink

milk

white cold drink

怎麼說呢,這裡的\(\)有點**裡面表頭\(\)內味了

表單通過\(

設定下value值,可以在文字框裡面預設顯示一些字,如下:

另外,可以設定乙個 maxlength 屬性,規定能輸入的最長長度,如下:

建議使用\(type="password"\),如下

對於同乙個選項的單選框,應該將他們的name設定為同乙個,這樣才能實現真正多選一的效果,如下:

性別:男女
這樣我們實現了兩個單選框的聯絡,只能單選。每個選項的值為其value(不懂的話寫個submit提交一下看看就懂了,畢竟選的要發給後台)

性別:男女
和單選框差不多,區別在於能多選

未完待續

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...

html css學習筆記

本人正經職業位android 開發,無奈現在社會壓力太大,對做人的要求越來越高,只掌握一門技術根本不好意思說自己是一名程式設計師,更無法在這個社會生存。本人只好順應時代發展的需要,不斷提高自己的綜合水平,提高對自身的要求,選擇了去學習html和css等前端的有關知識,新手入門,記錄一些學習過程中的筆...

html css學習筆記

1.html結構標準 2.css樣式標準 3.js行為標準1.ie 2.谷歌 3.火狐 4.蘋果 5.歐朋 注意 其他瀏覽器都用別人瀏覽器技術,只是更換了 doctype html 描述當前檔案的版本資訊,如果沒有詳細說明就是5.0版本 html html檔案 head 網頁的頭部 meta cha...