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