歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >
Web基礎知識 、 HTML快速入門
Web基礎知識 、 HTML快速入門
1、HTML + CSS + UI
2、Javascript
3、HTML5CORE + AJAX + Jquery
4、Bootstrap,Angular JS + 其他框架
1、HTML + CSS3BASIC + PRO + UI + PRO + CSS3CORE + PRO
======================================================
1、Internet
1、什么是Internet
是全球性計算機互聯網絡,是由若干終端(PC,移動端)以及特殊的傳輸介質而組成的一個網絡結構
PC:Personal Computer
2、提供的服務
信息共享
Telnet : 遠程連接
Email : 電子郵件
WWW : 萬維網 www.baidu.com
BBS : 電子公告板 ,論壇
FTP : 上傳和下載服務
3、實現技術
1、分組交換原理:數據通過數據包進行傳遞,到達目的地后,對數據包進行重組
2、TCP/IP 協議簇
2、WEB
1、什么是WEB
就是 WWW(World Wide Web)
w3c : www consortium 萬維網聯盟
2、能干什么
能夠將各類的信息和服務進行連接,提供圖形用戶界面
信息:文字、圖片、音頻、視頻
服務:Telnet, FTP , Mail , HTTP ...
3、萬維網就是無數的文檔集合(網頁文檔),文檔會駐留在世界(互聯網)的任何一個角落
3、WEB的工作原理
WEB是基于Internet的多媒體信息服務系統
1、基于 瀏覽器 / 服務器 模式
B / S : Browser / Server
在服務器上,主要以網頁的形式發布多媒體信息
2、由WEB服務器、瀏覽器、通信協議組成
3、WEB 相關技術
1、服務器端技術(后臺)
PHP,JSP,ASP 。。。 。。。
2、客戶端技術(前端技術)
HTML,
CSS,
Javascript
=========================================================
1、HTML 入門
1、什么是HTML
HTML(Hyper Text Markup Language),超級文本標記語言
超文本:
標記 : 超文本都是由標記組成的
<a>
語言 : 包含自己獨特的語法
HTML最終由瀏覽器負責解釋
HTML總可以嵌入一些腳本語言編寫的程序段:Javascript,VBScript
2、HTML版本
超級文本標記語言(第一版)
HTML2.0
HTML3.2
HTML4.0
HTML4.01
XHTML1.0
HTML5
3、標簽(標記)
1、標簽語法
1、必須使用尖括號擴起來
<a>,<div> ...
<A>,<a>
2、有封閉類型的標簽,也有非封閉類型的標簽
1、封閉類型
也稱作雙標記,則必須成對出現
<標記>文本內容</標記>
不同的標記,決定了"文本內容"的不同表現形式
eg:<a></a>,<p></p>,<div></div>
2、非封閉類型
也稱作單標記、空標記
<標記>
或者
<標記/>
eg:
<hr>,<br>,<img>
3、元素
標記就是元素,元素也稱為標記
4、元素嵌套(標簽嵌套)
標簽之間相互嵌套,形成復雜的語法結構
<body>
<p>
<a></a>
</p>
</body>
5、屬性
屬性是出現在開始標記中的內容,作用是修飾元素
<p 屬性名="屬性值"></p>
<p 屬性名='屬性值'></p>
<p 屬性名=屬性值></p>
標準屬性:每個元素都會具備的通用屬性
id : 定義每個標簽的唯一標識
title:提示文本
class:樣式相關,類樣式
style:樣式相關,行內樣式
操作1:定義一對p標簽,id屬性設置為program
<p id="program"></p>
多屬性:
<p 屬性1="值" 屬性2="值"></p>
注意:多屬性之間,排名不分先后
2、創建HTML文檔
開發工具:任何一個文字編輯軟件都可以開發HTML
EditPlus : 超級記事本
運行環境:任何一個瀏覽器都能運行HTML
Google Chrome,Mozilla Firefox,Microsoft IE,Safari,Opera
超文本文件(HTML文檔):
是一個以.html或.htm結尾的文檔
3、文檔結構
1、文檔類型聲明
聲明使用的html版本和風格
<!doctype html>
2、html頁面
1、文檔根元素
每個文檔有且僅有一對根元素 , html
2、在根元素的內部,包含兩對子元素
1、head : 頁面的頭部內容
定義頁面全局信息
包含:
<title></title> : 網頁標題
<meta />:聲明元數據(編碼,關鍵字,描述)
<style></style>:聲明內部樣式表
<link />:引入外部樣式表
<script></script>:定義或引入腳本文件
2、body : 頁面的主體內容
任何一個標簽,都可能會出現在body中
3、head元素
1、聲明網頁標題
<title></title>
2、定義網頁文本編碼格式
默認:ISO-8859-1,只支持英文以及英文狀態下的標點符號
utf-8:支持中英文,標點符號
<meta charset="utf-8" />
3、... ...
4、body元素
屬性:
text : 文本的顏色
bgcolor : 背景顏色
練習1:
1、為body添加兩個屬性,text,bgcolor
2、文本顏色 : 紅色(red)
背景顏色 : 銀色(silver)
3、在body中隨意寫上一段文本,觀察頁面顯示效果
5、文本標記
1、特殊的文本
轉義字符:
空格:&nbsp;
< : &lt; less than
> : &gt; greater than
版權標識:&copy;
2、文本標記
1、文本樣式
<b>...</b> : 加粗文本
<i>...</i> : 斜體文本
<u>...</u> : 下劃線
<s>...</s> : 刪除線
<sup>...</sup> : 上標
<sub>...</sub> : 下標
2、標題元素
1-6級6個標題
<hn></hn> n:1-6
一級最大
六級最小
3、段落元素
提供了結構化文本的表現方式
語法:<p></p>
注意:
1、每對p標簽單獨成一個段落
2、段落與其他元素有垂直空白,段落間距
常用屬性:
align : 水平對齊方式
取值:left center right
4、換行元素
在代碼的任何位置處,實現回車的效果
<br />
5、水平線
又叫分割線
<hr />
屬性:
1、size : 水平線的粗細,通常以像素(px)為單位
2、width: 寬度
3、align: 水平線的水平對齊方式
4、color: 顏色
6、分區元素
目的:為元素進行分組,多數用在布局中
塊分區元素:<div></div> 層
行內分區元素:<span></span>
注意:
div :主要用在布局上
span:修改其內部內容的樣式
7、預格式化
保留源文檔中的空格和回車
<pre>
文本內容
</pre>
3、注釋
可以寫在html源碼中,但不被瀏覽器解釋的文本
語法:
<!-- 注釋內容 -->
4、行內元素與塊級元素
塊級元素:默認情況下,塊級元素獨占一行,元素的前后都會自動換行 div,hn,hr,p
塊級元素作用:布局
行內元素:默認情況,多個元素位于同一行,不會換行
span,文本標記... ...
行內元素作用:修改內部內容的樣式

如需轉載,請注明文章出處和來源網址:http://www.hjkjtws.com.cn/html/h58281.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.hjkjtws.com.cn DIVCSS5版權所有。

时时彩内部管理计划群 贵州十一选五历史开奖 北京28是不是骗人的 股票投资原理 辽宁35选7风采063期 上海十一选五最新开奖 广东11选五一定牛势图 大发快三走势怎么看 湖北30选5基本走势图表 江苏快三app免费下载 360配资 广西快三计划公式 广东好彩1玩法说明 新手怎么炒股 极速飞艇pk10走势 北京快三出号规律 重庆幸运农场怎么玩