iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

VB .net 的自學之路系列 第 2

第二天 HTML架構

每個人都有自己想要與追求的東西
但是適不適合就見仁見智了
所以我就不說 C#之呼吸 JAVA之呼吸 .....
那想要入門總要有點程式基礎吧
不管你想要學何種呼吸
紮實的基礎是最重要的

再開始之前我們先來聊聊甚麼是程式
簡單來說就是跟電腦溝通的語言
聽不明白?
那我舉個例子好了

你跟家人溝通總要說話吧
那你說的中文就是我現在的VB
當然有很多不同的像PHP Vue...等
那些就宛如現今的日文 英文...等

所以學程式沒很難
畢竟我們現在已經學會了世界上最難的語言(笑
現在只是多學一種而已


HTML 全名 HyperText Markup Languge
網頁上的文字 圖片 表格...等
都是由HTML標籤製作出來的

而HTML基本組成可以分成三個部分
1.DOCTYPE宣告
2.網頁標頭:head
3.網頁內容:body

說真的第一個我還真不知道有甚麼用
可以看看這個
這我也是新看才知道 又上了一課

第二個網頁標頭基本就是放一些描述網頁的資料
例如:meta title style(引用CSS)或直接寫在其中 script(引用JS)或直接寫在其中

最後網頁內容的部分就是要呈現網頁的內容
例如:清單 超連結 圖片 文字段落等等

Body內又含有不同元素
而常見的幾種元素如下
標題元素:從標題一到標題六

<h1>...</h1>,<h2>...</h2>,...,<h6>...</h6>
    <h1>為最大字, <h6> 為最小字

內容元素:裡面可以含文字及其他元素

    <div></div>,<span></span>,<p></p>

換行與分隔線元素:

    <br>,<hr>

清單元素:

    <ul></ul>,<li></li>,<ol></ol>...等

超連結元素:連結到其他網頁

     <a href="https://ithelp.ithome.com.tw/users/20107038">小瓜的主頁</a>

圖片元素:插入圖片

     <img src="" alt="" title="" width="" height="">
-src=""   必要屬性,指定圖片來源的url
-alt=""   不顯示圖片時以此文字代替
-title=""   滑鼠移到圖片上的說明文字
-height,width=""   圖高與圖寬

到這邊大家對HTML相信有一些基本架構的了解
明天就繼續教大家HTML中那些漂亮樣式(CSS)吧


上一篇
第一天 前言 VB之呼吸
下一篇
第三天 CSS的使用
系列文
VB .net 的自學之路5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言