關於超文本標記語句基本描述

作爲一名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"
在這裏插入圖片描述

特殊字符標籤
在這裏插入圖片描述

註釋
兩種:

ctrl + / 或者 ctrl +shift + /

路徑
相對路徑

以引用文件之網頁所在位置爲參考基礎,而建立出的目錄路徑。因此,當保存於不同目錄的網頁引用同一個文件時,所使用的路徑將不相同,故稱之爲相對路徑。

  1. 圖像文件和HTML文件位於同一文件夾:只需輸入圖像文件的名稱即可,如img src=“logo.gif” /。
  2. 圖像文件位於HTML文件的下一級文件夾:輸入文件夾名和文件名,之間用“/”隔開,如img src=“img/img01/logo.gif” /。
  3. 圖像文件位於HTML文件的上一級文件夾:在文件名之前加入“…/” ,如果是上兩級,則需要使用 “…/ …/”,以此類推,如img src="…/logo.gif" /。

絕對路徑

絕對路徑以Web站點根目錄爲參考基礎的目錄路徑。之所以稱爲絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的

“D:\web\img\logo.gif”,或完整的網絡地址,例如“http://www.itcast.cn/images/logo.gif”。

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章