HTML簡單入門

2022-09-09 04:57:13 字數 1163 閱讀 1222

buchiyexiao

《標籤名 屬性名="屬性值" 屬性名="屬性值" 屬性名="屬性值".....>
假裝這裡面我寫好了乙個網頁

上面就是乙個最簡單的頁面,html主要是掌握標籤的應用,以下列舉出一些常用的文字標籤:

加粗:b(內容),strong(內容

傾斜:i(內容),em(內容)

刪除線:del(內容),s(內容)

下劃線:u(內容),ins(內容)

變大:big:內容

變小:small:內容

字型:font(內容)屬性 color顏色,size大小,face樣式(諸如華文琥珀)

注釋標籤:

以下列舉出一些簡單的排版所用的標籤

換行:

橫線:屬性 width寬度,size粗細,color顏色,align對齊,noshade無陰影

段落:p:

屬性:align:對齊left,center,right

div和span:

div:

塊標籤 span:行內標籤

注意:塊可以設定寬高,行不可以設定寬高

標題標籤 屬性:align對齊內容4

內容5內容6

南開大學

網安學院

a專業stu a

stu b

b專業除了網安的其它學院

天津大學

有序標籤主要是ol和li的靈活運用,無序標籤也就是將上文**的ol改寫成ul,ul含有屬性type disc實心圓,circle空心圓,square小方塊(內容前面的小標記)

位址

位址可以採用相對位址和絕對位址,我一般習慣採用絕地位址即直接"檔案的全部路徑",相對位址在小範圍的調動內也是操作簡單,通過./和../進行"預檔案操作"(簡單理解,你現在就是這個頁面的檔案,你要去到目標檔案,需要返回上級->返回上級->開啟某個資料夾等等步驟)

寫在最後的總結:html語法上手容易,就算是無程式設計基礎的同學寫幾個簡單的標籤示例即可掌握,學習web的話不宜久滯於html

HTML簡單入門學習(二)

樣例 charset utf 8 我的測試站點title head 這是我的頁面p body html 分析如下 1 link 元素經常位於文件的頭部。這個link元素有2個屬性,rel stylesheet 表明這是文件的樣式表,而 href包含了樣式表檔案的路徑 rel stylesheet h...

HTML簡單入門內容

常用屬性 width 寬度 height 高度 size 大小 color 顏色 align 布局方向,值包括 top,bottom,left,right,center 上,下,左,右,中。border 邊框大小 title 提示文字 href 連線路徑 src 資源路徑 bgcolor 背景顏色 ...

HTML5簡單入門系列(六)

之前幾篇已經將html5的主要新增元素和特性簡單介紹完畢,lz一直在猶豫還要不要把其他元素也寫出來,因為其實沒什麼東西可以寫,就是自己用到時看一下就行。不過為了入門系列的完整,猶豫再三,還是決定簡單寫一下其他元素 看到其他深入的html5,lz就不寫到這裡了,因為lz也沒掌握,這裡有篇深入剖析htm...