html基本結構
版本聲明<!doctype html>
<html>
<head>
<title>標題</title>
<meta charset="utf-8"/> <!-- utf-8是國際編碼,用記事本寫代碼另存為的時候要改編碼 -->
</head>
<body>
body中是網頁中顯示的內容
</body>
</html>
charset="utf-8"是標簽屬性值
常用標簽:
1.雙標簽<h1 align="center"></h1> logo,一個網頁中只能出現一次,align="center"是標簽屬性值,align 水平對其 =center居中 =right右對齊 =left左對齊
h標簽只有6級
2.雙標簽<p></p>:段落標簽,沒有p1
- 表示一個空格,以后用css控制
大于號
<小于號
4.HTML注釋
5.單標簽<hr color="blue" size="9px" width="500" align="left"> 在HTML5中表示標題的結束
6.單標簽插入圖像把圖片和網頁放在同一個目錄下的時候,圖片的路徑可以直接寫圖片名稱
只設置寬度和高度其中一個的時候,等比例縮放
title 鼠標放在圖片上的時候顯示的文字
alt (必須寫)如果圖片丟失的話,丟失的是哪張圖片,值一般可以跟src的值一樣
border 邊框
7.雙標簽<i></i> 斜體字,一般嵌套在p標簽里面
8.雙標簽<em></em> 強調(斜體字)
9.單標簽
換行
10.PS快捷鍵
ctrl+O 打開
ctrl+n 新建
ctrl+r 顯示標尺
雙擊抓手 最佳顯示
雙擊放大鏡z 原圖大小
m 選區
v 移動工具
jpg/jpeg 有損壓縮
gif占用空間小(小圖標)有損壓縮
png占用空間大 無損壓縮
雙標簽<strong></strong> 加粗
三種列表標簽
無序列表(默認圓點)
<ul type="circle"圓圈 >
<li></li>
<li></li>
<li></li>
</ul>
circle 圓圈
square 正方形
有序列表(默認數字)
<ol type="a"每行開頭變成小寫字母 "I"變成羅馬數字 start="5" start的值只能是數字 reversed 倒序>
<li></li>
<li></li>
<li></li>
</ol>
定義列表:左邊是圖片,右邊是文字的時候,或者上圖下文字的時候
<dl>
<dt>列表項</dt>
<dd>描述項</dd>
</dl>
超鏈接標簽
<a href="連接的文件路徑,寫#表示空鏈接,點擊后跳轉到網頁開頭" target="_blank 在空白窗口打開 _self 在原來窗口打開">文字、圖片 </a>
鏈接的而文件有哪些:HTML文件、音頻、視頻、壓縮文件、圖片、word文檔、Excel文檔、ppt。。。
內部鏈接(鏈接自家網站的東西)
外部鏈接(鏈接別人網站的東西)href的值必須是完整的網址,http://www.baidu.com
路徑:
相對路徑:1.放在同一個文件夾下面的時候,
2.兩個文件在同一個目錄的不同的文件夾里面的時候, ../表示向上一級
3.網頁文件在跟目錄,要插入的文件在根目錄中文件夾里面的時候,
絕對路徑:
<img src="http://../>
<img src="file:///E|/files/.../>
div:區塊的意思
span: