HTML學習筆記??

day?one

Chapter?one?網站開發基礎

1.2網站的基本架構

網站的基本要素：內容，頁面，超鏈接

動態網頁和靜態網頁的區別在于：動態網頁會自動更新，后綴名是.asp或者.aspx;而靜態網頁不會自動更新，要改變它只能夠去改變它的代碼，它的后綴名是.html或者.htm。

1.3常見的網站結構

蘋果mac?os?x?平臺的web瀏覽器是Safari，Firefox是最符合web標準的瀏覽器（現在的設計師檢測網站的時候，一般會用ＩＥ，Ｆｉｒｅｆｏｘ，ｏｐｅｒａ，Ｓａｆａｒｉ這幾個瀏覽器。

１.７常見的長度單位

用來控制框架和圖片常用的是ｐｘ，控制字體常用的單位是ｅｍ，其次是相對單位％

Ｃｈａｐｔｅｒ　ｔｗｏ　ＨＴＭＬ基礎

２.１ＨＴＭＬ頁面結構

＜ｈｔｍｌ＞文檔內容＜／ｈｔｍｌ＞

＜ｈｔｍｌ＞這對標簽的開始和結束意味著網站的開始和結束

＜ｈｔｍｌ＞標簽之后就是　頭部標簽＜ｈｅａｄ＞：頭部標簽里面可以有＜ｍｅｔａ＞標簽，它在＜ｈｔｍｌ＞和＜ｔｉｔｌｅ＞標簽（２.２中進行了詳細的介紹）。它所獨有的一個便簽是＜ｔｉｔｌｅ＞稱之為標題元素，用來定義頁面的標題，顯示在瀏覽器窗口的標題欄

?

＜ｈｅａｄ＞之后是　主題標簽＜ｂｏｄｙ＞

２．２元信息標簽＜ｍａｔａ＞

ｍｅｔａ的作用：定義頁面主題；設置頁面，使其根據的時間間隔來刷新頁面。

ｍｅｔａ的屬性：ｎａｍｅ，ｈｔｔｐ－ｅｑｕｉｖ，ｃｏｎｔｅｃｔ，ｃｈａｒｓｅｔ，ｕｒｌ

ｎａｍｅ屬性：
用來描述網頁，以便于搜索引擎查找和分類，

語法結構：＜ｍａｔｅ　ｎａｍｅ＝＂＃＂，ｃｏｎｔｅｃｔ＝＂內容＂＞

　注：當＃為不同的值時，ｃｏｎｔｅｃｔ中所對應的內容是不同的。

Ｈｔｔｐ－ｅｑｕｉｖ屬性：

作用：反饋給瀏覽器一些有用的信息，來幫助頁面正確和精確的顯示頁面內容，是網頁里必不可少的標簽屬性

語法結構：＜ｍｅｔａ　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３１２＂＞

　注：ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　設定頁面所使用的字符集

　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｒｅｆｒｅｓｈ＂是用來定時讓網頁在指定的時間內，跳轉到指定的頁面。

還有一些不常用的標簽，需要的時候再去查吧

２．３段落排版標簽

＜ｐ＞內容＜／ｐ＞是段落標簽

＜ｂｒ／＞是換行標簽，兩個換行標簽相當于一個段落標簽

２．４水平分割線＜ｈｒ＞

＜ｈｒ／＞這是他經常的用法，就只有一條默認的分割線

它的屬性有：ｓｉｚｅ，用來設置水平分割線的粗細；ｗｉｄｔｈ，設置水平分割線的寬度；ａｌｇｉｎ，設置水平分割線顯示的位置；ｃｏｌｏｒ，設置水平分割線的顏色；ｎｏｓｈａｄｅ，取消水平分割線陰影，他是沒有屬性值的。

語法結構：＜ｈｒ　ｓｉｚｅ＝＂數字ｐｘ＂　ｗｉｄｔｈ＝＂數字ｐｘ＂　ａｌｇｉｎ＝＂ｌｅｆｔ／ｃｅｎｔｅｒ／ｒｉｇｈｔ＂　ｃｏｌｏｒ＝＂用十六進制或者直接用英文”　ｎｏｓｈａｄｅ／＞

２.６設置網站背景色

語法結構：＜ｂｏｄｙ　ｂｇｃｏｌｏｒ＝＂顏色名“＞

轉載于:https://www.cnblogs.com/whatyouknow123/p/4796349.html

總結

以上是生活随笔為你收集整理的HTML 学习笔记 day one的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。