雖然我還沒有學會Python，但是已經開學了……然后老師要驗收以php編寫的網頁……(wdnmd )

這兩天先把這個網頁設計處理了，Python也會學，Linux還沒開始，web更是啥也不會……誰再和我說大學比高中輕松我跟他拼命

(聽說只要先熟悉了HTML/CSS/JS等網頁元素就可以編一個靜態網頁了，應該能先對付老師的驗收吧，猜猜我最后用幾天？…… )

好吧今天開始是HTML

HTML：超文本標記語言(HyperText Markup Language)是一種用于創建網頁的標準標記語言。

編輯器使用了Notepad++

后綴可以使用.html與.htm，沒有區別

翻過來看相當亂，看一點記一點，當作復習大概還是合格的

第一段實例

這是一段實例

實際頁面效果：

我的第一個標題

我的第一個段落

源碼是這樣的

來晚舟的第一個網頁(網頁的網址)

我的第一個標題

我的第一個段落。

解釋其中含義

聲明為 HTML5 文檔

元素是 HTML 頁面的根元素

定義網頁編碼格式為 utf-8。 元素描述了文檔的標題 元素包含了可見的頁面內容

元素定義一個大標題

元素定義一個段落

一些元素標簽

總覽

DOCTYPE

h1~6

p

a

img

br換行

hr水平線

注釋

DOCTYPE 聲明

聲明有助于瀏覽器中正確顯示網頁

!doctype不區分大小寫，首字母大小寫或全大寫或全小寫均可(自己寫的時候大寫就行了)

h1~6 標題

h標簽h定義一個標簽

html分6級標題，從h1到h6，字體逐漸變小，

開始寫標題，

結束該標題，其余也是對應的

瀏覽器會自動在標題前后加一個空行

p 段落

標簽p定義一個段落

每一個段落另起一個

與

瀏覽器會自動在段落前后加一個空行

a 鏈接

標簽a定義一個鏈接

這是百度的鏈接

源碼是這樣的

這是百度的鏈接

語法是鏈接文本

顯示后面的鏈接文本，指向前面的鏈接，但是鏈接文本可以是圖片或其它html元素

定義新鏈接在哪里打開需要加一個屬性target

這是百度的鏈接

可以在新窗口中打開百度界面

ID屬性

id屬性可用于創建一個一個文檔書簽標記

注：書簽不以任何特殊的方式顯示，對于讀者是隱藏的

有用的提示部分

有用的提示部分

在HTML文檔中創建一個鏈接到"有用的提示部分(id=“tips”)

img 圖像

標簽img定義圖像

圖像的名稱和尺寸以屬性的形式提供

br 換行

善用
標簽在不生成一個新段落的情況下換行

注意在html中進行對段落的編輯是不會反應在最終頁面上的，它會省去多余的空格和換行

例如這么寫源碼：

是時候不脫更了()

一天2000真的不算多

真的不多，

真的不多，

真的……

這樣就是一行

實際頁面是這樣的

是時候不脫更了()

一天2000字真的不算多

真的不多，

真的不多，

真的……

這樣就是一行

所以要使用html中提供的換行等標簽

head 頭部

head元素包含了所有的頭部標簽信息，在頭部中可以插入腳本(scripts), 樣式文件(CSS)，及各種meta信息。

可以添加在頭部區域的元素標簽為:

,

總結

以上是生活随笔為你收集整理的php小白书,php小白的自学第一天的全部內容，希望文章能夠幫你解決所遇到的問題。

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