Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
W新建HTML網(wǎng)頁步驟
打開DW軟件
2.新建HTML有兩種方法第1種,使用快捷鍵“Ctrl N”,新建網(wǎng)頁選項(xiàng)卡。第2種,點(diǎn)擊軟件左上角“文件”,再選擇“新建”
新建
3.彈出“新建文檔”選項(xiàng)卡,選擇好后創(chuàng)建點(diǎn)擊“空白頁”,再選擇“頁面類型”的“HTML”,再選擇“布局”的“五”,最后點(diǎn)擊“創(chuàng)建”。
創(chuàng)建
4.新建好最基礎(chǔ)最標(biāo)準(zhǔn)的HTML“拆分”
拆分
5.優(yōu)化簡化基礎(chǔ)HTML代碼(此步驟可以省略)簡化后HTML結(jié)構(gòu)截圖
優(yōu)化簡化基礎(chǔ)
6.更改title標(biāo)題標(biāo)簽,body內(nèi)添加內(nèi)容修改添加內(nèi)容后完整HTML代碼
更改title標(biāo)題標(biāo)簽
頻地址:
HTML網(wǎng)頁設(shè)計(jì)零基礎(chǔ)入門教程(一),兩分鐘學(xué)會設(shè)計(jì)第一個(gè)網(wǎng)頁。
文案:
大家好,我是老K。一個(gè)碼齡超過10年的程序員。從今天起,我會給大家介紹,Web網(wǎng)站開發(fā)的最基本語言:HTML。本期視頻給大家介紹怎么編寫第一個(gè)網(wǎng)頁。什么是HTML呢?HTML就是超文本標(biāo)記語言,用來標(biāo)記通過互聯(lián)網(wǎng)傳輸?shù)木W(wǎng)頁的格式。用HTML標(biāo)記的網(wǎng)頁是靜態(tài)網(wǎng)頁,后綴名一般是.html或.htm。靜態(tài)網(wǎng)頁制作完成以后,其內(nèi)容不會變化。如果要修改內(nèi)容,必須修改源文件。
HTML用各種元素組織文檔,用一對尖括號標(biāo)記元素的開始和結(jié)束。兩個(gè)尖括號里面的表示元素的內(nèi)容。例如:<title>人工智能</title>,表示網(wǎng)頁的標(biāo)題是,人工智能。所有的,web,設(shè)計(jì)語言都以HTML為基礎(chǔ)。編寫HTML,很簡單。使用windows自帶的,記事本,就可以編寫。首先,創(chuàng)建一個(gè)文本文檔。用記事本打開文檔,輸入HTML代碼。我們先來看一下效果,稍后我會詳細(xì)介紹源文件的內(nèi)容。保存以后,關(guān)閉記事本。重命名文本文件,把后綴名改為html。用瀏覽器打開網(wǎng)頁,就看到效果了。
我們來看源文件。
第一個(gè)元素,HTML,是頂級元素。所有的元素都包含在它里面。
第二個(gè)元素,head,表示文檔的頭部信息。
第三個(gè)元素,title,是head的子元素,表示網(wǎng)頁的標(biāo)題.
第四個(gè)元素,body,是網(wǎng)頁的主體部分。
body,元素的內(nèi)容是一句文本:世界,你好。
好了,這就是本期視頻的內(nèi)容。謝謝觀看!再見!
源文件:
<html>
<head>
<title>This is the fisrt page</title>
</head>
<body>
Hello, world!
</body>
</html>
TML教程
超文本標(biāo)記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
您可以使用 HTML 來建立自己的 WEB 站點(diǎn),HTML 運(yùn)行在瀏覽器上,由瀏覽器來解析。
在本教程中,您將學(xué)習(xí)如何使用 HTML 來創(chuàng)建站點(diǎn)。
HTML 很容易學(xué)習(xí)!相信您能很快學(xué)會它!
本教程包含了數(shù)百個(gè) HTML 實(shí)例。
使用本站的編輯器,您可以輕松實(shí)現(xiàn)在線修改 HTML,并查看實(shí)例運(yùn)行結(jié)果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</head>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>
HTML 文檔的后綴名
.html
.htm
都可以。
實(shí)例:
<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標(biāo)題</h1>
<p>這是我的段落</p>
</body>
</html>
實(shí)例解析
什么是HTML?
標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
html元素
“HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽,如下實(shí)例:
HTML 元素:
<p>這是一個(gè)段落</p>
web瀏覽器
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶
html網(wǎng)頁結(jié)構(gòu)
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
html的版本:
<!DOCTYPE>聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
html5
<!DOCTYPE html>
html4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">
xhtml1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
中文編碼
目前在大部分瀏覽器中,直接輸出中文會出現(xiàn)中文亂碼的情況,這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。