瀏覽器介紹和一些簡單的代碼
一網頁主要由:1. title 題目
2. Url 網址
3. body 網站內容(body裏的內容靠代碼實現)
這些內容
4以下圖為例:
5.標簽的結構:
(1)標簽名
(2)開始標簽<+標簽名+>
(3)結束標簽</+標簽名+>
6.小知識:
(1)寫頁面,瀏覽器是頁面的環境(例子:水是魚的環境)
(2)頁面拓展名:html
(3)exe 應用程序拓展名
(4)常見瀏覽器 : le 火狐 谷歌 360 歐朋
(我們在測試網頁效果時最好使用谷歌瀏覽器)
(5)開發工具:txt(記事本)
sublime dreamwear webstrom hbulider
7.網頁骨架
8.常見的標簽
(1)標題標簽 :有6個h1到h6
例子:<h1>中間寫內容</h1>
(2) 圖片標簽:img
資源分為 : 本地資源和網絡資源
在本地資源中處於同一目錄用(./)
在上一級目錄用(./)
Src屬性是圖片的路徑。
在img標簽中還可以加width標簽和height標簽
(3)a標簽可以插入超鏈接
比如:<a href="">百度一下</a>
a標簽有兩個屬性:
一個是href ,值是需要跳轉的頁面地址
另一個是target跳轉頁面打開的方式 _blank _self(默認的)
(4)備註標簽:
ld 是一種起名的方式 id="duanbingyu" ,只要是使用id起的名字,前面必須加# #duanbingyu
備註標簽除id以外還有我們常用的class 類,使用時需要用.
起名的目的就是為了給目標添加樣式 style 其實也是屬性
屬性:代表事物的一些特征,比如 width height color background 等
(5)同時註意:
1. 書寫規範 {} 是shift+【】 出來 {}
2. 起名規範,不能用漢字起,第一個字母不能是特殊符號,第一個字母必須是英文字母
(6)表格標簽 table
boder是決定邊框粗細的屬性 cellspacing 是單元格空間的屬性 cellpadding是單元格內部的邊距的屬性。
img插入table中
插入圖片會出現余白,怎麽解決?
在表格中我們想要合並單元格可以使用以下兩個屬性
colspan 水平合並單元格的個數
rowspan 垂直合並單元格的個數
同時若我們想在表格裏套表格
例子:
將相鄰的的兩個格子合並
將另一個合並的格子隱藏
在合並的格子中插入表格
修改設置
瀏覽器介紹和一些簡單的代碼