HTML第一天筆記

html第一天:css

1、html介紹html

1.計算機,高手---黑客瀏覽器

2.最好的學習html方法,就是參考別人的網頁,源代碼服務器

查看網頁源代碼---打開網頁,鼠標右鍵,查看源文件框架

html很是重要。編輯器

經過一個案例,html工具

3.製做一個html網頁佈局

html文件是經過瀏覽器查看學習

4.html標記語法,書寫規則優化

5.如何製做一個html網頁文件

******裸奔(只有內容沒有樣式)

(1)、新建一個記事本的問件,將它重命名*.html

(2)、在裏面輸入,網頁的信息內容

(3)、在要修飾的內容,兩側加上html標記

六、html標記的語法:標記分爲兩種:單標記、雙標記

<標記符>沒有結束的標記---單標記

<開始標記符></結束標記符>

******源代碼中效果,並非瀏覽器最終的效果

網頁技術發展---html4.01---xhtml1.0【主流技術】

seo100@126.com

1725210  QQ-----ICQ

div+css佈局方式,從2000年,國外有了。2005在國內流行

基礎—--

在xhtml中,規定,全部html標記,都要小寫

全部的標記,都是要有關閉。

html-------xhtml

<br>-------<br/>

html標記語法總結:

1.雙標記:<開始標記>內容</結束標記>

2.單標記:<標記>

3.標記的屬性:<標記 屬性1=參數1 屬性2=參數2...>內容</標記>

說明:

A.標記與屬性、屬性之間以空格分隔

B.屬性不區分前後順序;且屬性不是必需的

重點強調:雖然在html中標記不區別大小寫,但在xhtml中全部標記都必須小寫,

因此,建議從如今開始,全部標記都採用小寫

2、html文檔結構

1.作網頁的---html問件---用瀏覽器打開

2.全部html文件都有一個基本結構---框架

*****如何調出文件的擴展名

工具---文件夾選項---查看---去掉 隱藏已知文件類型的擴展名

*****editpius快捷鍵,複製一行  ctrl+j

在編輯器中,html代碼是有顏色區別的

html標記=藍色

標記屬性=紅色

標記屬性的值=紫色

html註釋=綠色

未來咱們聽到這此東西,其實都是一個:html元素,html標籤,html標記

*************學習方法------學習的思路

記住思路--原則--思想的東西,不會了,查手冊

xhtml+css

有某些,html元素,有默認的值。

推理法:----邏輯思惟

上與左是有的,若是,我證實了右邊有,

*****文件都有文件名,咱們網頁的文件名html文件,可不能夠用中文呢。

練習1.html------在本地電腦,沒什麼問題,未來網頁文件都是保存服務器上的,

建議都使用英文

3.重點內容複習:

html有什麼做用?

控制網頁內容(讓瀏覽者看到的信息)

*******html語義說明

使用百度搜索的小技巧:-----很長的關鍵字,找不到時,短一些

(1)、咱們在寫html代碼時,流程是這樣的

(2)、先寫咱們的控制內容的標記,例如這內容比較重要,能夠在語義上加權

       <strong>關鍵字</strong>

 這部份內容是,這個文章網頁的主題---推薦使用<h1>文章標題</h1> 

 (3)、網頁段落文字內容---<p>段落內容</p>

*****用適合的html標記去描述,咱們的網頁內容----網站優化技巧

*****記住咱們寫代碼,或者效果的演變過程----123

在xhtml中,全部的標籤都必需要用屬性值,若是沒有,使用屬性名

例如  <hr noshade="noshade"/>-----xhtml

       <hr noshade>-----html

字符格式

加粗:<b>文本</b>

傾斜:<i>文本</i>

增強語氣(加粗):<strong>文本</strong>

增強語氣(傾斜):<em>文本</em>

下劃線:<u>文本</u>

刪除線:<s>文本</s>

上標:<sup>文本</sup>

下標:<sub>文本</sub>

.段落標記:

格式:<p align="對齊方式">...</p>

屬性名稱 屬性值 說明

align    left    左對齊(默認)

         center  居中

right   右對齊

.段落控制標記

段落標題

<hx align="對齊方式">...</hx>:段落標題

說明:

x取值【1~6】hx內文本會自動加粗顯示。

hx針對的對象是段落,而font針對的對象的任意文本。

<br/>:換行(換行不換段)

 修飾標記

 水平直線<hr/>

 size 屬性值大小

 width 寬度大小

 noshade="noshade" 實體線

在HTML文檔中使用特殊字符

特殊字符    轉義碼

空格        &nbsp

版權號      &copy

註冊商標    &reg

"           &quot

&           &amp

<           &lt

>           &gt


列表的標記

無序列表<ul>...</ul>

有序列表<ol>...</ol>

定義列表<dl>...</dl>

能夠直接輸入標記,查看標記的默認顯示狀態

相關文章
相關標籤/搜索