一 網頁標記語言html入門基礎
1.html文件主體標記
2.head部分的標記
html檔案就是乙個文字檔案。文字檔案的字尾名是.txt,而html得字尾名是.html。
在html文件中,第乙個標記是,這個標記告訴瀏覽器這是html文件的開始。
html文件的最後乙個標記是,這個標記告訴瀏覽器這是html文件的終止。
在標記之間的文字是頭資訊,在瀏覽器視窗中,頭部資訊是不被顯示在頁面上的。
在和標記之間的文字是文件標題,它被顯示在瀏覽器視窗的標題欄。
在和標記之間的文字是正文,它會被顯示在瀏覽器中。
和標記代表段落。
bgcolor屬性
基本語法:
例項**:
2.background屬性
基本語法:
例項**:
3.text屬性
通過text屬性可以設定body(主體)內所有文字的顏色。
基本語法:
例項**:
人人都喜歡花草的圍繞,行走在花草間,心情飛揚,夢色彩而繽紛。可見美讓人眷戀也讓心溫暖。走進自然盡情把心情釋放,讓生命不再有煩惱的圍繞,讓生命增添一些春光,每天欣然迎接著風雨,每天靜靜的如荷綻放。
4.設定鏈結文字屬性
為了突出超連結,超連結文字通常採用與其他文字不同的顏色,而且超連結文字的下端還會加一條橫線。網頁的超連結文字有預設的顏色。在預設情況下,瀏覽器以藍色作為超連結文字的顏色,而訪問過的文字則變為暗紅色。
基本語法:
**例項:
公司簡介
產品介紹
公司簡介
產品介紹
公司簡介
產品介紹
5.設定頁面邊距
一般的製作軟體或html語言預設的都是topmargin、leftmargin值等於12。一般**的頁面左邊距和上邊距都設定為0,這樣看起來頁面不會有太多的空白。
基本語法:
語法說明:
topmargin設定到頂端的距離
leftmatgin 設定到左邊的距離
rightmargin 設定到右邊的距離
bottommargin 設定到底邊的距離
例項**:
頁面的上邊距
頁面的左邊距
title標記:html頁面的標題一般使用來說明頁面的用途,它顯示在瀏覽器的標題欄中。在html文件中,標題資訊設定在之間。標題標記以開始,以結束。
基本語法:
語法說明:頁面的標題只有乙個,它位於html文件的頭部,即之間。
例項**:
<
2.定義頁面關鍵字
基本語法:
例項**:
3.定義頁面描述
描述的英文是description,網頁的描述屬性為搜尋引擎提供了關於這個網頁的總括性描述。網頁的描述與標記是由一兩個語句或段落組成的,內容一定要具有相關性,描述不能太短、太長或過分重複。
基本語法:
語法說明:
在該語法中,name為屬性名稱,這裡設定為description,也就是將原資訊屬性設定為頁面說明,在content中定義具體的描述語言。
例項**:
4.定義編輯工具
現在有很多編輯軟體都可以只做網頁,在源**的頭部可以設定網頁邊機供給的名稱。與其它meta元素相同,這些編輯工具也只是在頁面的源**中可以看到,而不會顯示到瀏覽器中。
基本語法:
語法說明:
在該語法中,name為屬性名稱,設定為generator,即設定編輯工具,在content中定義具體的編輯工具名稱。
例項**:
5.定義作者資訊
在源**中還可以設定網頁製作者的姓名。
基本語法:
例項**:
6.定義網頁文字即語言
在網頁中還可以設定語言的編碼方式,這樣瀏覽器就可以正確的選擇語言,而不需要人工選取。
基本語法:
語法說明:
在該語法中,http-equiv用於傳送http通訊協議的標頭,而在content中才是具體的屬性值。charset用於設定網頁的內碼語系,也就是字符集的型別。國內常用的是gb碼,charset往往設定為gb2312,即簡體中文。英文是iso-8859-1字符集,此外還有其它字符集。
例項**:
7.定義網頁的定時跳轉
在瀏覽網頁時經常會看到一些歡迎資訊的頁面,在經過一段時間後,這些網頁回自動跳轉到其他頁面,這就是網頁的跳轉。用http-equiv 屬性中的refresh不僅能夠完成頁面自身的自動重新整理,也可以實現頁面之間的跳轉過程。通過設定meta物件的http-equiv屬性來實現跳轉頁面。
基本語法:
語法說明:
在該語法中,refresh表示網頁的重新整理,而在content中設定重新整理的時間和重新整理後的鏈結位址,時間和鏈結位址之間用分號相隔。在預設情況下,跳轉時間一秒為單位。
例項**:
CSS學習(中1 2) 前端入門很簡單
css學習 中1 2 前端入門很簡單目錄 三 用css設計影象和背景 1.設定網頁的背景 2.設定背景影象的屬性 3.設定網頁影象的樣式 四 用css設定 和表單樣式 1.網頁中的 2.網頁中的表單 1.background color屬性 不但可以設定網頁的背景顏色,還可以設定文字的背景顏色 基本...
MySQL入門很簡單 學習筆記 索引頁
mysql入門很簡單 學習筆記 第1 章 資料庫概述 mysql入門很簡單 學習筆記 第 2 章 windows平台下安裝與配置mysql mysql入門很簡單 學習筆記 第 4 章 mysql資料型別 mysql入門很簡單 學習筆記 第 5 章 運算元據庫 mysql入門很簡單 學習筆記 第6章 ...
HTML簡單入門學習(二)
樣例 charset utf 8 我的測試站點title head 這是我的頁面p body html 分析如下 1 link 元素經常位於文件的頭部。這個link元素有2個屬性,rel stylesheet 表明這是文件的樣式表,而 href包含了樣式表檔案的路徑 rel stylesheet h...