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