HTML5&CSS3&JavaScript&PHP&MySQL學習筆記

時間 2019-11-11

標籤 html5&css3&javascript&php&mysql html css javascript php mysql 學習筆記欄目 HTML 简体版

原文原文鏈接

一、在文字間添加一條水平線使用<hr /> 注意該符號不是成對出現的javascript

二、<q> </q>用來標記於段落中的較短引用，瀏覽器會在它之間的語句兩端加上雙引號。php

三、<address> </address>能夠包含設計者的聯繫方式或者電話等。 P44css

四、連接是由<a href=」http://www.baidu.com」>百度一下</a>產生，其中href指定要連接到的地址。P66html

五、若是但願連接網頁在新網頁中打開，那麼須要在第4點中設置target=」_blank」 P75java

六、當須要跳轉到頁面的某個位置時，可以使用id屬性。 P76c++

七、新建一個Email連接，mailto。 P74正則表達式

八、表格的一些知識。 P120數據庫

九、在<th><td>中使用clospan特效可使表格的多個單元格合併顯示，即跨行。跨列使用rowspan。P122數組

十、長表格，即表格有不少行。<thead></thead> <tbody></tbody> <tfoot></tfoot> P125瀏覽器

十一、在代碼中聲明使用的HTML版本低HTML5，使用<!DOCTYPE html>

十二、利用iframe能夠在網頁中內嵌顯示一個網頁，<iframe width="1280" height="500" src=http://map.baidu.com/></iframe>

1三、使用外部CSS，<link href="css/example.css" type="text/css" rel="stylesheet" /> P224

1四、在CSS中，能夠在任意屬性值的後面添加！important來強調這條規則比應用於同一元素的其餘規則更優先，更重要。 P228

1五、CSS中，類選擇器，<p class=」note」> </p>，那麼CSS文件中應該是 .note{ } //note前的「.」不要忘了

若是是ID選擇器，<p id=」top」> </p>，那麼CSS中應該是 #top{ } P227

1六、CSS中盒子（div）的定位問題

1>普通流：每一個塊級元素都換行顯示，以致於頁面中的每一個項目都顯示在前一個項目的下面，即便你指定了盒子的寬度，而且也有足夠的空間讓兩個元素並排顯示，他們也仍是不會顯示在一排，這是瀏覽器的默認行爲，除非你規定瀏覽器按照其餘方式顯示。

2>相對定位：相對定位將一個元素在其普通流中的位置上向上下左右移動，這種移動不會使該元素脫離普通流。

3>絕對定位：絕對定位的元素的位置相對於它的包含元素。它徹底脫離了普通流，也就是說不會影響到周圍元素的位置（就像是直接忽略掉它所佔據的空間），使用絕對定位的元素隨着頁面的滾動而移動。

4>固定定位：固定定位是絕對定位的一種形式，與絕對定位所不一樣的是，固定定位是以瀏覽窗口爲基準進行定位。使用固定定位的元素不會隨着頁面的滾動而移動。

5>浮動元素：浮動一個元素可讓其脫離普通流，並定位到其包含盒子的最左邊或者最右邊的位置，這個浮動元素會成爲一個周圍能夠浮動其餘內容的塊級元素。

6>任何元素脫離普通流時，盒子都會產生重疊，能夠經過使用z-index屬性設置將哪一個盒子顯示在上面。

1七、margin屬性用於依次控制對象的上、右、下、左4個方向的外邊距，當margin使用兩個參數時，第一個參數表示上下邊距，第二個參數表示左右邊距。因此：margin:0px auto;會讓對象水平居中顯示。

1八、對於表格元素來講，要實現垂直居中秩序設置單元格的vertical-align:middle;可是這個屬性在CSS中不起做用，那麼要解決這一問題，只須要將盒子的行高設爲與盒的高度一致便可。即，假如：盒高爲height:50px;那麼只須要在CSS中加入line-height:50px;便可實現垂直居中。

以上內容來自 HTML&CSS設計與構建網站一書

一、能夠在HTML5的video元素中添加字幕或者說明，格式以下

</video>

其中，能夠添加多個track，便可以有多個字幕等。kind指明添加的類型，它還能夠是captions，descriptions。

label屬性指明的做用是，好比有兩個字幕文件，那麼用戶能夠選擇顯示哪個字幕文件（前提要瀏覽器支持多字幕顯示）。 P152

二、播放視頻中指定的一部分，可以使用<video src=」xxx.oga#t=7.5,」></video>其中，#t是時間範圍的一個快捷方式，7.5後面的逗號是必須的，表示從7.5秒開始一直播放到視頻結束。 P154

以上內容來自移動網頁設計與開發HTML5+CSS3+JavaScript 一書

一、HTML與JavaScript交互能夠經過使用文檔對象模型（Document Object Model, MOD）實現。P54

二、瀏覽器加載頁面是按照head-body的順序執行，那麼把JavaScript代碼放在head中，可能會出現一些問題，這時咱們能夠指定在頁面加載完成後再執行DOM代碼，好比：

function init()

{ var plant=document.getElementById(「greenplant」);

plant.innerHTML=」RED ALERT…」

}

window.onload=init;//這表示，頁面徹底加載後要執行init()函數中的代碼

</script> P64

三、在javascript中，咱們只有一個全局做用域，也就是說，當你引入了多個.js文件時，若是他們有重名的全局變量，那麼會產生意想不到的結果。 P127

四、利用javascript建立一個對象：（能夠看到js對變量的定義比c++寬鬆多了）

var fido={

name:」wangcai」,

weight:40,

breed:」hashiqi」,

loved：[「walks」,」fetching balls」]

}; ///結束這裏的分號不要忘記了，訪問能夠經過fido.weight方式訪問對象元素

五、使用瀏覽器得到位置信息，navigator.geolocation.getCurrentPosition(…) P172

六、利用<video>元素實現視頻播放列表，通常的作法是，新建一個數組，保存播放列表，而後使用video.addEventListener(「ended」,nextVideo,false)，該方法會監聽視頻的ended事件，在視頻結束的時候調用nextVideo處理函數，實現下一個視頻的播放。 P367

七、對於一種類型的視頻文件，可使用<video>元素的canPlayType方法獲取到，瀏覽器是否支持播放該文件，通常瀏覽器可能返回probably，maybe，或者「」，便是空。空表示沒有任何把握能播放該視頻文件。

使用video.canPlayType(「video/ogg」)會返回maybe或者空。

使用video.canPlayType(‘video/ogg；codecs=」theora,vorbis」’)會返回probably，maybe，或者是空，由於這裏咱們手動指定了codecs編碼類型。 P369

以上內容來自Head First HTML5 Programming一書

一、php中因此的變量名都以一個美圓符號$打頭。 P38

二、傳遞表單中的變量，咱們通常有get和post兩種方式可選，可是通常當咱們須要在表單中提交較多的文字或者一些敏感信息（密碼）時咱們就須要使用post方法，由於get方法會把表單中提交的字符串寫入URL中。這裏須要說明的是，通常咱們的搜索引擎會使用get方法提交表單而不是post方法，這是由於使用get方法後，當你將某一個搜索頁面保存成書籤時，下一次打開這個書籤，仍是你須要的那個搜索結果頁面，這是由於書籤URL中已經包含了搜素時的關鍵字。反之，post則不會。還有一種request方法。 P49

三、當咱們在瀏覽器中輸入服務器的一個URL目錄時，它會查找該目錄下的index.php文件，因此咱們不必定非得要寫全URL地址。可是記住，它只會去尋找index.php文件。不會去找其餘的。 P58

四、咱們可使用include方法，使得在一個php文件中包含了一個php文件的代碼，這樣能夠節省代碼的編碼量。除此以外還有require、include_once、require_once方法。 P110-116

五、PHP中變量做用域的問題，主腳本（如index.php）中存在的任何變量，在包含文件中也是可用和可修改的，可是在函數中就不同了，函數中的變量只在函數內部有效，外部的變量在函數內部是不可訪問的。若是你非要在函數內部訪問外部變量，可使用命令global或者$GLOBALS[‘ ’]將某個變量聲明爲超級全局變量。 P122

六、正則表達式使用模式修飾符使得匹配時不區分大小寫的是i，即/PHP/i，它將能夠和/PHP/、/php/、/PHp/等匹配。 P169

七、正則表達式，脫字^字符匹配字符串的開始。即/^PH/將匹配PH開頭的字符串。

點號（.）表示任意單個字符除了換行符，

　　　　　　　　星號（*）表示其前面的字符出現0次或屢次。

例如/^PH.*/不只匹配PH，還匹配PHP、PHX、PHP:CBWHBFEWYHBVCCcbeh i am super cool等。 P170

八、$美圓符號匹配字符串的結尾。如：/^PHP$/只能匹配PHP

+要求前面的字符出現一次或者屢次，注意其與*的差異

？使得前面的字符成爲可選的，若是放在一個加號或者一個星號後面，表示一次最小化匹配

|（管道符號）致使正則表達式匹配管道左邊的模式或者匹配管道右邊的模式

（…）圓括號定義了一組符號，他們必須一塊兒出現或者是同時知足。

[…]方括號定義了一個字符類，字符類匹配方括號中的字符之一

注意：[^a]匹配字符串中除a以外的一個單個字符