HTML基礎知識

今天主要學習的內容是網頁基礎第一節的有關知識點php

  1.HTML是超文本標記語言(Hyper Text Markup Language)的縮寫,html能夠表現出文本覺得的內容,例如圖片,視頻flash等其餘格式文件。css

  2.HTML能夠分爲靜態頁面和動態頁面兩種,通常靜態頁面是以html或htm爲後綴的頁面,靜態頁面是固定寫死的,不能經過後臺服務器或數據庫更改內容,只能靠修改前端代碼的方式修改展示的內容。html

另外一種頁面叫作動態頁面,包括以php、asp、jsp爲後綴的頁面,動態頁面能夠經過後臺服務器或數據庫來修改內容。靜態頁面和動態頁面都能展示動畫、視頻等動態效果的頁面。前端

  3.HTML主要介紹的編輯開發工具備dreamweaver、Hbuilder、webstorm(phpstrom開發工具中自帶) 使用編輯工具的好處是標籤自動補全,屬性自動提示,代碼自動對齊,代碼摺疊展開等,能加快開發效率。程序員

  4.HTML的基本語法:標籤是html的最小單位,標籤又分爲單標籤和雙標籤,雙標籤是就是成對存在的,例如<p></p>,分別表示標籤的開始和結尾,內容寫在先後標籤中間,做爲內容的容器。web

  單標籤元素的包括兩種形式:<標籤名 屬性> 、<標籤名 屬性/> ,單標籤元素的主要是起控制做用的。例如<br>的做用就是換行數據庫

  html的註釋方法是<i-- 註釋內容-->   註釋的內容不會在前段頁面顯示,註釋的做用是讓代碼邏輯更易讀,思惟更清晰,也方便程序員進行代碼檢查和修改。瀏覽器

  5.HTML的代碼結構:<!DOCTYPE html>開始在主體代碼,不屬於標籤,主要定義的是語言規則,從而讓瀏覽器正確識別。服務器

  <html></html>表明html代碼開始和結尾標籤,在<html></html>之間有標題標籤<head></head>、代碼主體標籤<body></body>webstorm

  6.使用瀏覽器進行頁面預覽展現時,選用帶有審查元素功能和查看源碼功能的瀏覽器,例如火狐瀏覽器,谷歌瀏覽器。審查元素能同時展示代碼界面和網頁效果界面,而且能快速定位網頁位置所對應的代碼位置。方便程序員進行調試。

  7.<body></body>是網頁代碼的主要容器,主要屬性有bgcolor(背景顏色)、text(文本屬性)、margin(邊距設置)、background(背景圖片),屬性設置在開始標籤裏,例如<body bgcolor="blue">,屬性之間用空格隔開。

  8.網頁代碼中有時須要引用本地的文件,引用路徑分爲相對路徑和絕對路徑,絕對路徑表示文件在計算機中的完整路徑,相對路徑表示引用頁面相對於要被引用文件的位置,./ 表示當前目錄  ../ 表示上一級目錄  /表示項目文件的根目錄

  9.格式控制類標籤:<font>控制字體屬性,包含color(字體顏色)、face(字體格式)、size(字體大小);<b>,<strong>字體加粗;<i>,<em>表示字體傾斜;<br>表示換行;(&nbsp;表示空一格);<h1>~<h6>表示字號大小依次減少;

  <p>表示段落(默認段落先後自動隔行);<span>看似和普通文本輸入沒有不一樣,可是<span>不會換行,會緊跟前面內容,主要用於css樣式屬性內容中,<div>也是用於css樣式表內容中,用來定義模塊區域。

相關文章
相關標籤/搜索