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文檔中使用特殊字符
特殊字符 轉義碼
空格  
版權號 ©
註冊商標 ®
" "
& &
< <
> >
列表的標記
無序列表<ul>...</ul>
有序列表<ol>...</ol>
定義列表<dl>...</dl>
能夠直接輸入標記,查看標記的默認顯示狀態