關於HTML

時間 2019-11-30

標籤關於 html 欄目 HTML 简体版

原文原文鏈接

個人PHP學習之旅html

學習PHP已經有一段時間了，今天才想好好的總結一下這一路走來的點點滴滴，也想把個人學習方法及經驗分享給你們，但願能對你有所幫助。前端

首先學習的是PHP前端部分，這裏須要學習的知識有HTML、CSS以及JS。下面說到的是關於HTML的知識。編程

1、HTML的簡介瀏覽器

HTML的英文單詞爲：HyperText Markup Language（超文本標記語言）框架

下面具體解釋下超文本標記語言：編程語言

超文本：編輯器

可以表達更豐富的內容（相對於普通文本）學習

標記：標識符號，就是html中的標籤字體

語言：網站

不是編程語言，就是html標籤的描述

瀏覽器來翻譯html代碼

HTML文件的擴展名爲：.html/.htm

順便普及一下，常見文件擴展名

音頻：mp3 ,wav

視頻：mp4,rmvb,aiv,rm,

doc docx , word文件，

圖片：jpg gif png

二 editplus 編輯器

無論編寫任何程序都須要一款適合本身的編輯器，我比較推薦Editplus，Sublime等編輯器。這些軟件均可以在網上下載，其安裝方式比較簡單，這裏就再也不詳細說明了。接下來給你們分享一下一些快捷鍵。

保存：ctrl+s

複製：ctrl+c

粘貼：ctrl+v

剪切：ctrl+x

撤消：ctrl+z

重作：ctrl+y

全選: ctrl+A

複製並粘貼：ctrl+J

調整行的位置：alt+shift+上下箭頭

三：HTML標籤

一、標籤分類

雙標籤 HTML,有開始標籤和結束標籤（標記）

單標籤

二、標籤書寫規範

全部的標籤都在< >中

全部的標籤都有開始和結束，即便是單標記也要結束

強制換行

<img /> 圖片標記

全部的標籤和屬性及值小寫

標籤和屬性，屬性與屬性之間有空格

屬性值必須有加引號（單引號或雙引號均可以）

屬性必須有值

屬性可寫可不寫

標籤與標籤之間正確嵌套

三、標籤格式

<開始標籤屬性1＝」值1」屬性2＝」值2」屬性n＝」值n」>控制的內容</始標籤

<開始標籤屬性1＝」值1」屬性2＝」值2」屬性n＝」值n」空格/>

<開始標籤空格/>

四、文檔結構

在網頁源代碼中查看時，ctrl+end回到最後，ctrl+home回到最部，ctrl+F查找標籤

<html>

</head>

<body>

</body>

</html>

解釋：

html: 指明當前的文檔的類型，是一個網頁

head是網頁頭部包括網頁的相關信息，基本設置，其中title網站的標題就在裏面。

body:在瀏覽器的看到的內容。

五、html註釋

html標籤按功能分類

文本的修飾

文字排版

圖片

連接

表格

列表

表單

框架

六、文本的修飾

屬性：

color:顏色red,blue,green,yellow,gray,pink,tomato,wheat,

size:值(1-7),默認值：3

face:字體

建議使用英文字母表示中文字體

http://tool.oschina.net/

<body>

text ：文字的顏色

bgcolor 背景色

background 背景圖

當前網頁文件和背景圖片在一塊兒（建議）

bgproperties：背景圖固定，火狐很差用。

經過樣式來處理背景圖固定的問題

七、HTML文本修飾標記

<big>相對默認文字大一些

對默認文字小一些

加粗

增強語氣

斜體

斜體

下劃線

<s> 刪除線

^上標下標_下標 superscript 上標 subscript下標

古詩案例

HTML排版標記

p 段落

自動在段前段後添加一個空白行

屬性：align:值：left(左對齊,默認) center（居中對齊） right（右對齊）

強行換行

單標記 <hr />

屬性：width 寬度：值:默認是像素，也但是百分比

align:對齊方式：left center right ，默認 center

color :顏色

noshade 陰影設置

h1-h6

pre

center

修改古詩案例

八、代碼編輯器二次簡介

editplus 編碼設置，瀏覽器設置經常使用快捷鍵

dreamweaver 設置瀏覽器設置，站點設置，新建文檔設置

打開DW的第一步，新建站點。

添加瀏覽器以下：

<div>和span區別塊元素和行內元素

HTML字符實體：空格，<,>,&,￥版權，註冊商標,申請中的商標

相關標籤/搜索

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。