HTML運行原理:
1.本地運行:html文件用瀏覽器打開
2.遠程訪問運行:本地瀏覽器訪問遠程服務器(tomcal)
網(wǎng)頁的文件名最好不要有中文,因為將來網(wǎng)頁文件都是保存到服務器上的建議都使用英文保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 文件后綴。
二、HTML文檔基本結構
1、文檔的骨架:所有的網(wǎng)頁文件,通常由下面四對標記來構成文檔的骨架
代碼如下:
<html>
<head>
<title> 網(wǎng)頁標題 </title
</head></p> <p><body>
這里放置的是要在網(wǎng)頁中顯示的內容
</body>
</html>
<html>....</html>:標識網(wǎng)頁的開始與結束,所有的html元素都要放在這對標記中
<head>....</head>:標識網(wǎng)頁文件的頭部信息,如標題,搜索引擎關鍵字等.里面的內容最先加載
<title>....</title>:標識網(wǎng)頁文件的標題
<body>....</body>:標識網(wǎng)頁文件的主體部分,即頁面可見的內容
2、meta標簽
meta標記用于定義文件信息,對網(wǎng)頁進行說明,便于搜索引擎查找,要放置在<head> <head/>之間
設置關鍵字:(比較短,用于搜索引擎)
<meta name="keywords" content="value"/> value表示要設置的關鍵字,多個關鍵字之間用,分隔開
設置描述:(用于對關鍵字進行擴展,或對網(wǎng)頁的內容進行概述性的描述)
<meta name="description" content="value"/> value表示要設置的描述,多個描述之間用,分隔開
設置作者:
<mate name="author" content="作者名" />作者名一般都是公司名稱
設置網(wǎng)頁的編碼:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
設置頁面定時跳轉:
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> (content="2;url=http://www.baidu.com" 2表示該網(wǎng)頁過多少秒跳轉到url指定的目的地)
描述網(wǎng)頁的版本:
<meta name="revised" content="html4.01">
可設置其他網(wǎng)頁信息:
<meta name="others" content="這個我第一個網(wǎng)站,網(wǎng)站的主要內容有動漫,音樂,文章,博客等等,歡迎大家光臨!">
描述網(wǎng)頁是通過那種軟件產(chǎn)生:
<meta name="generator" content="記事本">
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="網(wǎng)頁設計,學網(wǎng)頁" />
<meta name="description" content="如何學習網(wǎng)頁設計,學習網(wǎng)頁設計的方法,HTML中文手冊" />
<meta name="author" content="腳本之家" />
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />
<meta name="revised" content="html4.01">
<title>HTML文檔基本結構_meta標簽</title>
</head>
<body>
meta標記用于定義文件信息,對網(wǎng)頁進行說明,便于搜索引擎查找,
</body>
</html>
3、head區(qū)
代碼如下:
<head>
<title> 網(wǎng)頁標題 </title>文件標題聲明
<mate> 一些文檔的信息,如對該文檔關鍵詞,描述,字符集設置等等。
<base> 超鏈接網(wǎng)址基準參考點
javascript和VBScript程序
stylesheet 可用來設置排版來的聲明
<link> 可引用外部文件,如CSS排版樣本
</head>
三、HTML標記的語法
html最基本的語法就是<標記符>內容</標記符>,標記符通常都是成對使用的一個開頭標記和一個結束標記,還有一種單標記沒有結束標記,如<hr/>
HTML標記類型:單標記和雙標記
雙標記:
有屬性:<標記名稱 屬性="屬性值">...</標記名稱> 如:<font size="3">.....</font>
無屬性:<標記名稱>...</標記名稱> 如:<title>.....</title>
單標記:
有屬性:<標記名稱 屬性="屬性值"> 如:<hr width="200"/>(默認是居中的)
無屬性:<標記名稱> 如:<br />
代碼如下:
<!-- 有屬性:<標記名稱 屬性="屬性值">...</標記名稱> 如:<font size="3">.....</font>-->
<font size="4" color="#33FF00">2、體育老師說:誰敢穿裙子上我的課,就罰她倒立!</font> </p> <p><!--無屬性:<標記名稱>...</標記名稱> 如:<title>.....</title>--></p> <p><!-- 有屬性:<標記名稱 屬性="屬性值"> 如:<hr width="200"/>(默認是居中的)-->
<hr width="200"/></p> <p><!--無屬性:<標記名稱> 如:
表示換行但不換段--></p> <p>3、住在我心里,你交房租了嗎?
4、你讓我下不了臺,我讓你連上臺的機會都沒有
更多信息請查看IT技術專欄
2025國考·省考課程試聽報名