初次學習HTML的基礎總結

我之前學習的是java的基礎,想要繼續深入學習java,由javaSE到javaEE過渡,中間需要學習mysql,jdbc html,css,javascript,之類的技術,今天是我剛剛開始寫博客的時間,也是那麼剛剛好,我學習了html的基礎知識,現在我來總結一下我所學的一些東西。

html是一種超文本語言,簡單易學,是一門不錯的語言,同時他可以被瀏覽器識別,通過發送請求來和服務器取得聯繫。並且對大小寫並不敏感

html並不是一門很高深的語言,首先從結構上來說,他的結構類似我們身體的組成.

<!DOCTYPE html>

<html>

<head>

<meta charset = "utf-8">

<title>標題</title>

</head>

<body>

網頁內容

</body>

</html>

第一句話是固定不變的,然後有一個html的標籤在最外面,在裏面有頭和身體,頭部有一些必要的信息,比如編碼規則,標題之類的,然後主題部分在身體裏面。

在瞭解完結構之後,其實我們就可以寫一個hello world 的html文件了。當然要寫出好看的html頁面出來並不是辣麼簡單的,現在學習一些基礎的東西。

   
文字
排版:
段落標籤<p></p>
換行標籤:<br/>
標題標籤:<h1>~<h6>
文字居中標籤:<center><center>
文字縮進標籤:<blockquote>

文字列表
ul--無序列表 <ui>
<li></li>
</ul>

ol--有序列表

屬性
排版:align
背景顏色:bgcolor
文字樣式:font

設置文字的特殊樣式
加粗 <b>
斜體 <i>
下劃線 <u>
刪除線 <s>
強調 <strong>
加強 <em>
放大 <big>
縮小 <small>
用來顯示電子郵件 <address>
代碼 <code>

特殊符號
< <
> >
版權 ©
上標 <sup></sup>
下標 <sub></sub>

圖像:<img src="">
當圖片不能加載的時候可以使用 alt = "" 來標註
當需要爲圖片加簡短說明的時候,可以使用 title= “”效果是當鼠標停留在圖片的時候會在鼠標下顯示

超鏈接
文字超鏈接---<a herf = "">文字</a>
圖片超鏈接----<a herf = ""><img src=""></a>
如果要實現在另一個頁面打開的話 添加屬性 target = "_blank"
框架---<frameset>
<frame>
</frameset>
可以使用cols = “50,30,*”將頁面水平分成3部分,或者是使用rows豎排分成幾部分
框架和框架之間是可以聯繫的,使用的是 name = “名字”,然後另外一個是target = “名字”
還可以在網頁裏面生成一個網頁窗口,使用的是<iframe></iframe>

表格
標籤--<table></table>
行 <tr><tr> 列 <td></td>
合併行 colspan = 值
合併列 rowspan = 值
cellpadding 設置內容和邊框的距離,單位是px
cellspacing 設置兩個單元格之間的內容 單位是PX

表單——爲了提交數據給服務器
標籤 <from></from>
文本框:<input type = "text" ....... />
密碼:<input type = "password" ...... / >
文本域:<textarea cols = "2" rows = "10”></textarea>
單選框:<input type = "radio" name = .../> 同一類的選項name的值必須相同,不然的話不能實現只能選擇一個的功能
複選框:<input type = "checkbox" name = ....../>同一類的name的值也要相同,這樣會使後面的操作更加簡便。
下拉選擇框:<select>
<option value = “返回值”>選項</option>
</select>
按鈕:提交<input type = "submit" />
普通<input type = "button"/>
文件上傳:<input type = "file"/>
如果想要有對齊的方式,我們可以採用表格的形式來嵌套,

容器
DIV 是一個塊元素。允許嵌套
span 是一個內聯元素,多作用於文本域中。
 


最後如果有什麼錯誤的地方或者更好的建議,請留言。只要可以幫助到我這個剛剛入門的小白的,我都會認真聽取的,並且十分感謝。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章