SDKD Web作業 一 HTML 例程除錯

2022-07-15 18:39:11 字數 2838 閱讀 1996

html, 超文字標記語言, 在該語言中,乙個很重要的概念就是標籤,例如像就是一對標籤,html的標籤分為單標籤和雙標籤兩種

下面是一段最簡單的html頁面

我的第乙個段落。

執行效果如圖

開始標籤

元素內容

結束標籤

這是乙個段落

這是乙個鏈結

換行

()上述示例中的標籤不都是一對標籤, 例如

就是單標籤,這類標籤應該寫成

更為合適,這是關閉空元素的正確方法,html、xhtml 和 xml 都接受這種方式。

例程

我的第乙個段落

我的第乙個鏈結

我的部落格頭像

執行效果如圖

元素的屬性

像上述的示例中標籤就具有乙個href屬性,代表了超連結指向的位址

標籤使用src屬性指向了位址,此外

還有alt, width, height等屬性

我的第乙個段落

我的第乙個鏈結

我的部落格頭像

width="100"/>

width="200"/>

width="300"/>

執行效果如圖

這裡僅僅舉例說明html的元素具有屬性的特點

這一部分主要是實踐一下,html相關的標題,**,水平線,這類的文字型內容

標題

我的第乙個標題

我的第乙個標題

我的第乙個標題

我的第乙個段落

我的第乙個鏈結

我的部落格頭像

width="100"/>

width="200"/>

width="300"/>

執行效果如圖

段落&水平線

是水平線的標籤,是單標籤,

是段落標籤

這是乙個段落。

這是乙個段落。

這是乙個段落。

執行效果如圖

****由標籤來定義,由標籤來定義行,由標籤來定義單元格,單元格內容可以包含文字、、列表、段落、表單、水平線、**等等。border屬性來確定**是否具有邊框

header 1

header 2

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

header 1

header 2

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

執行效果如圖

這不是一段注釋會顯示在網頁裡 

執行效果如圖

我的第乙個標題

我的第乙個標題

我的第乙個標題

我的第乙個段落

我的第乙個鏈結

我的部落格頭像

width="100"/>

width="200"/>

width="300"/>

對於html的第一次正式作業

nvidia tnt開創nvidia時代的產品.nvidia收購著名圖形晶元廠商3dfx之前,nvidia奠定自己王者之路的品牌,到了tnt2時代,128位核心 支援agp4x 支援32m視訊記憶體,這些特性都為geforce系列的成功奠定了基礎 nvidia quadro完整的專業解決方案帶來效能...

3 20210405 1 案例分析作業

這個作業屬於哪個課程 軟工 2018級計算機二班 這個作業要求在 3 20210405 1 案例分析作業 這個作業的目標 學會對產品的調研和分析 學號20188434 目錄第二部分 分析 參考8.6節對工作的估計,和14.1節軟體工程的質量 第三部分 建議和規劃 參考 構建之法 第8章功能的定位和優...

個人作業3 案例分析

簡潔大方,給人一種一目了然的感覺,功能也比較齊全,例如充值網費,校園卡,課表查詢,成績查詢,還有微博朋友圈的功能,全校所有人都能在上面發表言論。介紹採訪物件的背景和需求 描述使用者使用這個產品的過程,使用者的問題解決了麼?軟體在資料量 介面 功能 準確度上各有什麼優缺點?使用者體驗方面有問題麼?使用...