作爲一名python入門小白 HTML的第一天
也是使用博客的一一天
開發工具:
chrome sublime photoshop
瀏覽器
瀏覽器是網頁顯示、運行的平臺,常用的瀏覽器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我們平時稱爲五大瀏覽器
瀏覽器內核:渲染引擎(layout enginner 或者 Renndering Enlish)和JS引擎
字符集
<meat charset="UTF-8"/>
utf-8是目前最常用的字符集編譯方式,常用的還有 gbk和gb2312
gb2312 簡體中文 6763個漢字
BlG5 繁體中文,港澳臺
GBK包含全部中文字符 是GB2312的擴展,加入對繁體字的支持,兼容GB2312
UTF-8則包含全世界所有國家需要用到的字符
HTML常用的標籤
<hn> 標題文本 <hn>
h1-h5 標籤,h1標籤儘量少用
換行標籤:
<br/>
文本格式化標籤
標籤屬性:
<標籤名 屬性1="屬性值1" 屬性2=“屬性值2”...>內容<標籤名>
1.標籤可以擁有多個屬性,必須寫在開始標籤中,位於標籤名後面。
2.屬性之間不分先後順序,標籤名與屬性、屬性與屬性之間均以空格分開。
3.任何標籤的屬性都有默認值,省略該屬性則取默認值。
採取 鍵值對 的格式 key=“value” 的格式
<hr width="400"/>
鏈接標籤
<a href="跳轉目標“ target=“目標窗口的彈出方式”>文本或圖像</a>
href:用於指定鏈接目標的URL位置,當標籤添加上href時,它就具有超鏈接的功能
targe:用於指定鏈接頁面的打開方式,其取值有self和blank兩種,其中self爲默認值,blank爲在新窗口中打開方式。
注意:
1.外部鏈接 需要添加 http:// www.baidu.com
2.內部鏈接 直接鏈接內部頁面名稱即可 比如 < a href=“index.html”> 首頁
3.如果當時沒有確定鏈接目標時,通常將鏈接標籤的href屬性值定義爲“#”(即href="#"),表示該鏈接暫時爲一個空鏈接。
4.不僅可以創建文本超鏈接,在網頁中各種網頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。
錨點定位(快速定位)
1.使用“a href=”#id名>“鏈接文本"</a>創建鏈接文本(被點擊的)
<a href="#two">
2.使用相應的id名標註跳轉目標的位置。
<h3 id="two">第2集</h3>
base標籤,
base可以設置整體鏈接的打開狀態寫在<head></head>
之間把所有的連接 都默認添加 target="_blank"
特殊字符標籤
註釋
兩種:
路徑
相對路徑
以引用文件之網頁所在位置爲參考基礎,而建立出的目錄路徑。因此,當保存於不同目錄的網頁引用同一個文件時,所使用的路徑將不相同,故稱之爲相對路徑。
- 圖像文件和HTML文件位於同一文件夾:只需輸入圖像文件的名稱即可,如img src=“logo.gif” /。
- 圖像文件位於HTML文件的下一級文件夾:輸入文件夾名和文件名,之間用“/”隔開,如img src=“img/img01/logo.gif” /。
- 圖像文件位於HTML文件的上一級文件夾:在文件名之前加入“…/” ,如果是上兩級,則需要使用 “…/ …/”,以此類推,如img src="…/logo.gif" /。
絕對路徑
絕對路徑以Web站點根目錄爲參考基礎的目錄路徑。之所以稱爲絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的
“D:\web\img\logo.gif”,或完整的網絡地址,例如“http://www.itcast.cn/images/logo.gif”。