一.瞭解HTML語言 html：超文本標記語言。 二.HTML整體結構<html> <head> </head> <body> </body> </html> 三.字體標簽及表單元素 1.標題 <h1></h1>...<h6></h6> 2.段落 <p></p> 3.跳轉鏈接 <a href="xx ...
一.瞭解HTML語言
html：超文本標記語言。
二.HTML整體結構
<html>
<head>
</head>
<body>
</body>
</html>
三.字體標簽及表單元素
1.標題
<h1></h1>...<h6></h6>
2.段落
<p></p>
3.跳轉鏈接
<a href="xxx.do"></a>
4.圖片
<img src="xxx.png" heght="10px" weight="10px">
註意：img元素是自關閉元素
5.屬性
class 元素的類名，導入css中的樣式
style 元素的樣式
id 元素的id
data-* 頁面自定義的數據
6.水平線
<hr></hr>
7.註釋
<!-- -->
8.換行
<br/>或者<br>,不過<br/>比較規範
9.文本格式化
加粗：<b></b>或者<strong></strong>
斜體：<i></i>或者<em></em>
上標：<sup></sup>
下標：<sub></sub>
10.鏈接target屬性
<a href="www.baidu.com" target="_self"></a>
_self 預設值，當前視窗打開
_blank 每次打開一個新的視窗
_new 每次在同一個新視窗打開
_parent 在父視窗打開
_top 在最頂級視窗打開
11.鏈接id屬性
id屬性作為書簽標記
<a id="mark"></a>
<a id="#mark" href="xxx.do"></a>
12.html頭部
<head>
<title></title>標題
<base>基礎文檔
<meta http-equiv="refresh" content="30"／>30s自動刷新
<link href="xxx.css"／>引用外部css
<script src="xxx.js"></script>引用外部js
<style></style>樣式
</head>
13.css
使用方式3種
內聯樣式 元素內部style屬性定義
內部樣式 head頭部style定義
外部樣式 引用css文件
背景色:background-color
<p style="background''-color:red"></p>
font-family 字體
color 顏色
font-size 字體大小
text-align 文本對齊方式 text-align:center居中 left居左 right 居右
14.圖像
<img border="0" src="圖像的url" alt=“圖像載入不了顯示的文本信息” height="圖像高度" weight="圖像的寬度">
