Java Web系列01---HTML
阿新 • • 發佈：2017-06-09
pan 開始 普通 sans height 網頁 後綴名 Language 水平線
一、HTML概述
HTML，超文本標記語言，hyper text markup language，用於創建網頁。
1）名詞解釋
- 超文本：比普通文本功能強大，可以描述文本的字體、顏色，可以展示圖片和超鏈接
- 標記：標簽，使用不同的標簽展示不同類型的內容，比如使用 <p> 標簽展示段落，使用 <img> 展示圖片
- 語言：是標記語言，不是編程語言
2）書寫規範
- 文件的後綴名是 .html 或 .htm
- 標簽必須用 < > 包裹標簽名，比如 <p>，<img>
- 屬性的寫法：key="value"
- 註釋的寫法：<!-- 註釋內容 -->
- HTML 不區分大小寫，建議使用小寫
3）註意
- 將所有內容放在 <html></html> 中
- 一般標簽都有開始標簽和結束標簽，沒有結束標簽的稱為空標簽
- 標簽必須正確嵌套，且最好關閉（空標簽使用 / 在開始標簽中關閉）
4）示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網頁標題</title> </head> <body> <!-- 網頁內容 --> </body> </html>
- <html>：根標簽
- <head>：頭標簽，存放網頁元信息，導入樣式和腳本文件；一般不顯示在網頁上
- <title>：設置網頁標題
- <body>：體標簽，存放網頁要展示的內容
- <head>：頭標簽，存放網頁元信息，導入樣式和腳本文件；一般不顯示在網頁上
<meta charset="utf-8"> 設置網頁的字符集，解決中文亂碼問題。
二、常用標簽
1）標題
格式：<h1>一級標題</h1> ~ <h6>六級標題</h6>
說明：
a. <h1>定義最大標題，<h6>定義最小標題
b. 有內置的字號，文字加粗，占據一行
屬性：
align 對齊方式，left 左對齊，center 居中，right 右對齊
2）字體
格式：<font>文字</font>
說明：
a. 已廢棄，不建議使用
b. 可以設置文字的字體、尺寸和顏色
屬性：
face 字體
size 尺寸，取值範圍 1~7，默認值 3
color 顏色
3）段落
格式：<p>段落文本</p>
4）格式化文字
- 粗體：<b></b>
- 斜體：<i></i>
- 強調：<strong></strong>
5）空標簽
- 水平線：<hr/>
- 換 行：<br/>
6）圖片
格式：<img />
屬性：
src 圖片路徑
alt 替代文本
title 鼠標懸浮時顯示的文字
width 寬度
height 高度
7）列表
- 有序列表 <ol>
- type 屬性值設置順序的類型，可取值：1 表示數字，a A 表示英文字母，i I 表示羅馬字母
- 無序列表 <ul>
- type 屬性值設置符號的類型，可取值：circle，disc，circle
<ol type="A">
<li>Java</li>
<li>Python</li>
<li>JavaScript</li>
</ol>
<ul type="circle">
<li>A</li>
<li>T</li>
<li>B</li>
</ul>
8）超鏈接
格式：<a href="">文字或圖片</a>
屬性：
href 跳轉的地址
target 打開鏈接的方式
_self 本標簽頁打開
_blank 新標簽頁打開
framename 在指定框架中打開
Java Web系列01---HTML