HOME 首頁(yè)
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營(yíng)
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    發(fā)布時(shí)間:2023-04-11 01:53:25     稿源: 創(chuàng)意嶺    閱讀: 141        

    大家好!今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于完整html網(wǎng)頁(yè)代碼的問題,以下是小編對(duì)此問題的歸納整理,讓我們一起來(lái)看看吧。

    開始之前先推薦一個(gè)非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

    只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準(zhǔn),寫出的就越詳細(xì),有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

    官網(wǎng):https://ai.de1919.com。

    創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043,或添加微信:1454722008

    本文目錄:

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    一、html簡(jiǎn)單網(wǎng)頁(yè)代碼怎么寫?

    1、在電腦桌面空白處單擊右鍵,新建一個(gè)記事本并打開

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    2、在新建文件中輸入如下代碼。 html語(yǔ)言都是以<html><head><title><body>等標(biāo)簽開始,以</html></head></title></body>標(biāo)簽作為結(jié)束。

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    3、接下來(lái)要在<title></title>標(biāo)簽中間輸入標(biāo)題(如個(gè)人網(wǎng)頁(yè))在<body></body>中輸入“自己做的第一個(gè)網(wǎng)頁(yè),厲害吧!”完成后點(diǎn)擊保存。并將記事本后綴名.txt改為.html格式

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    4、將記事本重命名為.html格式后,出現(xiàn)如下格式。

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    5、雙擊打開此文件就會(huì)出現(xiàn)瀏覽器網(wǎng)頁(yè)效果了。

    完整html網(wǎng)頁(yè)代碼(完整html網(wǎng)頁(yè)代碼源碼)

    擴(kuò)展資料:

    前端和后端的區(qū)別:

    1、展示方式

    前端指的是用戶可見的界面,網(wǎng)站前端頁(yè)面也就是網(wǎng)頁(yè)的頁(yè)面開發(fā),比如網(wǎng)頁(yè)上的特效、布局、圖片、視頻,音頻等內(nèi)容。前端的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖的設(shè)計(jì)成瀏覽器可以運(yùn)行的網(wǎng)頁(yè),并配合后端做網(wǎng)頁(yè)的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容。

    后端是指用戶看不見的東西,通常是與前端工程師進(jìn)行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取,相對(duì)來(lái)說(shuō)后端涉及到的邏輯代碼比前端要多,后端考慮的是底層業(yè)務(wù)邏輯的實(shí)現(xiàn),平臺(tái)的穩(wěn)定性與性能等。

    2、所用技術(shù)

    前端開發(fā)用到的技術(shù)包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技術(shù)。

    后端開發(fā)以java為例,主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http協(xié)議、Servlet、Tomcat服務(wù)器等技術(shù)。

    3、工作職責(zé)

    前端工程師主要的工作職責(zé)分為三大部分,分別是傳統(tǒng)的Web前端開發(fā),移動(dòng)端開發(fā)和大數(shù)據(jù)呈現(xiàn)端開發(fā)。

    后端工程師的主要職責(zé)也集中在三大部分,分別是平臺(tái)設(shè)計(jì)、接口設(shè)計(jì)和功能實(shí)現(xiàn)。

    4、知識(shí)結(jié)構(gòu)

    在知識(shí)結(jié)構(gòu)方面,前端開發(fā)涉及到的內(nèi)容包括Html、CSS、JavaScript、Android開發(fā)(采用Java或者kotlin)、iOS開發(fā)(采用OC或者Swift)、各種小程序開發(fā)技術(shù)(類Html),隨著前端開發(fā)任務(wù)的不斷拓展,前端開發(fā)后端化也是一個(gè)較為明顯的趨勢(shì)。

    后端開發(fā)的重點(diǎn)在于算法設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)、性能優(yōu)化等方面,在具體的功能實(shí)現(xiàn)部分可以采用Java、Python或者PHP等編程語(yǔ)言來(lái)實(shí)現(xiàn)。

    二、急求!??!網(wǎng)頁(yè)設(shè)計(jì) HTML代碼大全

    HTML標(biāo)記_HTML大全_HTML標(biāo)記大全_超文本標(biāo)記語(yǔ)言

    網(wǎng)頁(yè)(WebPage)文件主要是用超文本標(biāo)記語(yǔ)言(HyperText Markup Language,簡(jiǎn)稱HTML)語(yǔ)句來(lái)寫成。您可以通過IE瀏覽器的“查看”菜單中的“源文件”看到該頁(yè)的HTML代碼。HTML語(yǔ)言由一系列元素(element)組成,用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。元素名稱不分大小寫。一個(gè)元素可以有多個(gè)屬性,屬性及其屬性值不分大小寫。屬性名=屬性值合起來(lái)構(gòu)成一個(gè)完整的屬性,一個(gè)元素可以有多個(gè)屬性,各個(gè)屬性用空格分開。元素又由標(biāo)記(tag)的構(gòu)成,大多數(shù)標(biāo)記是成對(duì)出現(xiàn)的,分起始標(biāo)記< >(start tag)和結(jié)尾標(biāo)記</ >(end tag),以便和頁(yè)面的內(nèi)容區(qū)分開來(lái)。其寫成的文件是標(biāo)準(zhǔn)的ASCII文件,不同于一般的編程語(yǔ)言,故稱為腳本(Script)更準(zhǔn)確一點(diǎn)。其實(shí)也很簡(jiǎn)單,特別是在專門的HTML編輯器的幫助下,您可以迅速地學(xué)會(huì)HTML,并能很快寫出有自己特色的Homepage來(lái)。

    需要說(shuō)明的是:各種瀏覽器對(duì)html元素及其屬性的解釋不完全一樣,如NC與IE是有區(qū)別的。

    標(biāo) 簽 內(nèi) 容 備 注

    基 本 標(biāo) 簽 所有HTML文件都有的

    <html>……</html> 表示文件類型為HTML文檔

    <head>……</head> 設(shè)置文檔描述及其他不在WEB網(wǎng)頁(yè)上顯示的信息

    <body>……</body> HTML文檔的主體(頁(yè)面的實(shí)際內(nèi)容)

    標(biāo) 題 標(biāo) 簽  

    <title>……</title> 在標(biāo)題欄中顯示的題目(放在<head></head>內(nèi))

    擴(kuò) 展 屬 性 標(biāo) 簽  

    <base>

    基址標(biāo)簽,為解決相對(duì)編址作參考值

    <META>

    將HTTP命令發(fā)給CONTENT=number;url允許,描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。使用詳解

    <link>

    提供將現(xiàn)行文檔與其它文檔或?qū)嶓w關(guān)聯(lián)起來(lái)的信息

    <ISINDEX> 指明在服務(wù)器上提供文檔的可以檢索的索引

    <style>……</style> 允許包含樣式表(CSS)信息

    頁(yè) 面 屬 性 標(biāo) 簽 <body>……</body>標(biāo)簽的擴(kuò)展屬性。使用詳解

    <body bgcolor=#……> 設(shè)置背景顏色,用名字或十六進(jìn)制值

    <body text=#……> 設(shè)置文本文字顏色,用名字或十六進(jìn)制值

    <body link=#……> 設(shè)置鏈接顏色,用名字或十六進(jìn)制值

    <body vlink=#……> 設(shè)置已使用的鏈接的顏色,用名字或十六進(jìn)制值

    <body alink=#……> 設(shè)置正在被擊中鏈接的顏色,用名字或十六進(jìn)制值

    文 本 標(biāo) 簽  

    <pre>……</pre> 創(chuàng)建預(yù)格式化文本

    <h1>……</h1> 創(chuàng)建最大的標(biāo)題

    <h6>……</h6> 創(chuàng)建最小的標(biāo)題

    <b>……</b> 創(chuàng)建黑體字

    <i>……</i> 創(chuàng)建斜體字

    <tt>……</tt> 創(chuàng)建打字機(jī)風(fēng)格的字體

    <cite>……</cite> 創(chuàng)建一個(gè)引用,通常是斜體

    <em>……</em> 加重(通常是斜體加黑體)

    <strong>……</strong> 強(qiáng)調(diào)(通常是斜體加黑體)

    <font size=value></font> 設(shè)置字體大小,從1到7

    <font color=……></font> 設(shè)置字體的顏色,使用名字或十六進(jìn)制值

    鏈 接  

    <a href="/URL"></a> 創(chuàng)建一個(gè)超鏈接

    <a href="mailto:EMAIL"> </a> 創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接

    <a name="NAME"></a> 創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位

    <a href="#NAME"></a> 創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接

    格 式 排 版  

    <p> 創(chuàng)建一個(gè)新的段落

    <p align=……> 將段落按左、中、右對(duì)齊

    <br> 插入一個(gè)回車換行符

    <blockquote>……</blockquote> 從兩邊縮進(jìn)文本

    <dl>……</dl> 創(chuàng)建一個(gè)定義列表

    <dt> 放在每個(gè)定義術(shù)語(yǔ)詞之前

    <dd> 放在每個(gè)定義之前

    <ol>……</ol> 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表

    <li> 放在每個(gè)數(shù)字列表項(xiàng)之前,并加上一個(gè)數(shù)字

    <ul>……</ul> 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表

    <li> 放在每個(gè)圓點(diǎn)列表項(xiàng)之前,并加上一個(gè)圓點(diǎn)

    <div align=……> 一個(gè)用來(lái)排版大塊HTML段落的標(biāo)簽,也用于格式化表

    圖 形 元 素  

    <img src="/name"> 添加一個(gè)圖像

    <img src="/name" align=value> 排列對(duì)齊一個(gè)圖像:左中右或上中下

    <img src="/name" border=value> 設(shè)置圍繞一個(gè)圖像的邊框的大小

    <hr> 加入一條水平線

    <hr size=value> 設(shè)置水平線的大?。ǜ叨龋?/p>

    <hr width=value> 設(shè)置水平線的寬度(百分比或絕對(duì)像素點(diǎn))

    <hr noshade> 創(chuàng)建一個(gè)沒有陰影的水平線

    表 格  

    <table>……</table> 創(chuàng)建一個(gè)表格

    <tr>……</tr> 開始表格中的每一行

    <td>……</td> 開始一行中的每一個(gè)格子

    <th>……</th> 設(shè)置表格頭:一個(gè)通常使用黑體居中文字的格子

    表 格 屬 性  

    <table border=value> 設(shè)置圍繞表格的邊框的寬度

    <table cellspacing=value> 設(shè)置表格格子之間空間的大小

    <table cellpadding=value> 設(shè)置表格格子邊框與其內(nèi)部?jī)?nèi)容之間空間的大小

    <table width=value 或 %> 設(shè)置表格的寬度-用絕對(duì)像素值或文檔總寬度的百分比

    <tr align=……> 設(shè)置表格格子的水平對(duì)齊(左中右)

    <tr valign=……> 設(shè)置表格格子的垂直對(duì)齊(上中下)

    <td colspan=value> 設(shè)置一個(gè)表格格子應(yīng)跨占的列數(shù)(缺省為1)

    <td rowspan=value> 設(shè)置一個(gè)表格格子應(yīng)跨占的行數(shù)(缺省為1)

    <td nowrap> 禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行回卷

    窗 框  

    <frameset>……</frameset> 放在一個(gè)窗框文檔的<body>標(biāo)簽之前,也可以嵌在其他窗框文檔中

    <frameset rows="value,value"> 定義一個(gè)窗框內(nèi)的行數(shù),可以使用絕對(duì)像素值或高度的百分比

    <frameset cols="value,value"> 定義一個(gè)窗框內(nèi)的列數(shù),可以使用絕對(duì)像素值或?qū)挾鹊陌俜直?/p>

    <frame> 定義一個(gè)窗框內(nèi)的單一窗或窗區(qū)域

    <noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什么提示

    窗 框 屬 性  

    <frame src="/URL"> 規(guī)定窗框內(nèi)顯示什么HTML文檔

    <frame name="name"> 命名窗框或區(qū)域以便別的窗框可以指向它

    <frame marginwidth=value> 定義窗框左右邊緣的空白大小,必須大于等于1

    <frame marginheight=value> 定義窗框上下邊緣的空白大小,必須大于等于1

    <frame scrolling=value> 設(shè)置窗框是否有滾動(dòng)欄,其值可以是"yes","no","auto",缺省時(shí)一般為"auto"

    <frame noresize> 禁止用戶調(diào)整一個(gè)窗框的大小

    表 單 對(duì)于功能性的表單,一般需要運(yùn)行一個(gè)CGI小程序,HTML僅僅是產(chǎn)生表單的表面樣子。

    <form>……</form> 創(chuàng)建所有表單

    <select multiple name="NAME" size=value>………</select> 創(chuàng)建一個(gè)滾動(dòng)菜單,size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目

    <option> 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容

    <select name="NAME">……</select> 創(chuàng)建一個(gè)下拉菜單

    <textarea name="NAME" cols=value rows=value>……</textarea> 創(chuàng)建一個(gè)文本框區(qū)域,列的數(shù)目設(shè)置寬度,行的數(shù)目設(shè)置高度

    <input type="checkbox" name="NAME"> 創(chuàng)建一個(gè)復(fù)選框,文字在標(biāo)簽后面

    <input type="radio" name="NAME" value="x"> 創(chuàng)建一個(gè)單選框,文字在標(biāo)簽后面

    <input type=text name="……" size=value> 創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域,size設(shè)置以字符計(jì)的寬度

    <input type="submit" value="NAME"> 創(chuàng)建一個(gè)submit(提交)按鈕

    <input type="image" border=0 name="NAME" src="/name.gif"> 創(chuàng)建一個(gè)使用圖象的submit(提交)按鈕

    <input type="reset"> 創(chuàng)建一個(gè)reset(重置)按鈕

    附 加 屬 性  

    <PRE>……</PRE> 預(yù)置格式風(fēng)格標(biāo)簽用來(lái)顯示字體寬度固定的文本塊,主要用來(lái)在表格格式中顯示文本

    <TT>……</TT> 打字機(jī)風(fēng)格用來(lái)顯示打字機(jī)字體寬度固定的文本

    <SAMP>……</SAMP> 示例風(fēng)格以單倍距顯示文本

    <ADDRESS>……</ADDRESS> 地址風(fēng)格一般用于文檔的開始或結(jié)尾處,并以斜體格式顯示文本。

    <DL>……</DL> 定義列表風(fēng)格用來(lái)顯示術(shù)語(yǔ)及其定義

       

    顏色

    #=rrggbb 16 進(jìn)制 RGB 數(shù)值,或者是下列預(yù)定義色彩:

    Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁(yè)首部]

    META標(biāo)簽

    描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。

    <META NAME="keywords" CONTENT="yourkeyword">

    <META NAME="description" CONTENT="your homepage's description">

    本頁(yè)的關(guān)鍵字和描述。在頁(yè)面里加上這些定義后,一些搜索引擎就能夠讓讀者根據(jù)這些關(guān)鍵字搜索到您的主頁(yè),了解你的主頁(yè)內(nèi)容。

    <META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">

    瀏覽器將在30秒后,自動(dòng)轉(zhuǎn)到new.htm。您可用它制作一個(gè)封面,在若干時(shí)間后,自動(dòng)帶讀者來(lái)到您的目錄頁(yè)。如果URL項(xiàng)沒有,瀏覽器就是刷新本頁(yè)。這就是WWW聊天室定期刷新的實(shí)現(xiàn)原理。

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    描述本頁(yè)使用的語(yǔ)言。瀏覽器根據(jù)此項(xiàng),就可以選擇正確的語(yǔ)言編碼,而不需要讀者自己在瀏覽器里選擇。GB2312是指簡(jiǎn)體中文,而臺(tái)灣BIG5內(nèi)碼的主頁(yè)則是用BIG5。

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">

    強(qiáng)制性調(diào)用網(wǎng)上的最新版本。瀏覽器為節(jié)約時(shí)間,在本地硬盤上保存一個(gè)臨時(shí)文件。在重新調(diào)用時(shí),便直接顯示那個(gè)臨時(shí)文件。如果您想讓讀者每次都看到最新的版本,可加上句。[返回本頁(yè)首部]

    LINK

    顯示本文檔和其他文檔之間的連接關(guān)系。一個(gè)最有用的應(yīng)用就是外部層疊樣式表的定位。格式如下:

    <LINK REL="stylesheet" href="/style.css">REL參數(shù)說(shuō)明兩個(gè)文檔之間的關(guān)系,HREF說(shuō)明目標(biāo)文檔名。關(guān)于層疊樣式表,將在后面的課程中詳述。[返回本頁(yè)首部]

    BASE

    本文檔的原始地址。語(yǔ)法:<BASE HREF="原始地址">當(dāng)讀者下載您的文檔后,由此可以知道是從哪里下載的。[返回本頁(yè)首部]

    BODY

    BODY標(biāo)記有一些屬性,用于定義頁(yè)面內(nèi)的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。

    ALINK:當(dāng)前激活的連接的文字顏色。

    LINK:連接的文字顏色。

    TEXT:文字的顏色。

    VLINK:參觀過的文字顏色。

    注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。

    BACKGROUND、BGPROPERTIES、BGCOLOR——頁(yè)面的背景部分。

    BACKGROUND:背景圖案,該圖案在頁(yè)面內(nèi)平鋪。背景圖案應(yīng)保持單一色調(diào),以保證頁(yè)面文字易于閱讀。

    BGPROPERTIES:設(shè)置成FIXED,則背景圖案不滾動(dòng)。(只對(duì)INTERNET EXPLORER有效)

    BGCOLOR:背景色。

    注意:如果你的背景圖案是深色調(diào),因之文字顏色為淡顏色,那么由于瀏覽器調(diào)用頁(yè)面的順序是“背景色-文字-背景圖案”,那么在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應(yīng)該選用一個(gè)跟你的背景圖案顏色一致的背景色。

    LEFTMARGIN、TOPMARGIN——頁(yè)邊空白。(只對(duì)INTERNET EXPLORER有效)

    LEFTMARGIN:左邊頁(yè)邊空白。

    TOPMARGIN:頂端頁(yè)邊空白。

    三、html代碼大全

    1.結(jié)構(gòu)性定義

    文件類型 <HTML></HTML> (放在檔案的開頭與結(jié)尾)

    文件主題 <TITLE></TITLE> (必須放在「文頭」區(qū)塊內(nèi))

    文頭 <HEAD></HEAD> (描述性資料,像是「主題」)

    文體 <BODY></BODY> (文件本體)

    (由瀏覽器控制的顯示風(fēng)格)

    標(biāo)題 <H?></H?> (從1到6,有六層選擇)

    標(biāo)題的對(duì)齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

    區(qū)分 <DIV></DIV>

    區(qū)分的對(duì)齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

    引文區(qū)塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會(huì)內(nèi)縮)

    強(qiáng)調(diào) <EM></EM> (通常會(huì)以斜體顯示)

    特別強(qiáng)調(diào) <STRONG></STRONG> (通常會(huì)以加粗顯示)

    引文 <CITE></CITE> (通常會(huì)以斜體顯示)

    碼 <CODE></CODE> (顯示原始碼之用)

    樣本 <SAMP></SAMP>

    鍵盤輸入 <KBD></KBD>

    變數(shù) <VAR></VAR>

    定義 <DFN></DFN> (有些瀏覽器不提供)

    地址 <ADDRESS></ADDRESS>

    大字 <BIG></BIG>

    小字 <SMALL></SMALL>

    與外觀相關(guān)的標(biāo)簽(作者自訂的表現(xiàn)方式)

    加粗 <B></B>

    斜體 <I></I>

    底線 <U></U> (尚有些瀏覽器不提供)

    刪除線 <S></S> (尚有些瀏覽器不提供)

    下標(biāo) <SUB></SUB>

    上標(biāo) <SUP></SUP>

    打字機(jī)體 <TT></TT> (用單空格字型顯示)

    預(yù)定格式 <PRE></PRE> (保留文件中空格的大?。?

    預(yù)定格式的寬度 <PRE WIDTH=?></PRE>(以字元計(jì)算)

    向中看齊 <CENTER></CENTER> (文字與圖片都可以)

    閃耀 <BLINK></BLINK> (有史以來(lái)最被嘲弄的標(biāo)簽)

    字體大小 <FONT SIZE=?></FONT>(從1到7)

    改變字體大小 <FONT SIZE=+|-?></FONT>

    基本字體大小 <BASEFONT SIZE=?> (從1到7; 內(nèi)定為3)

    字體顏色 <FONT COLOR='#$$$$$$'></FONT>

    2.連結(jié)與圖形

    連結(jié) <A href='/URL'></A>

    連結(jié)到錨點(diǎn) <A HREF='URL#***'></A>(如果錨點(diǎn)在另一個(gè)檔案)

    <A HREF='#***'></A> (如果錨點(diǎn)目前的檔案)

    連結(jié)到目的視框 <A href='/URL' TARGET='***'></A>

    設(shè)定錨點(diǎn) <A NAME='***'></A>

    圖形 <IMG src='/URL'>

    圖形看齊方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>

    圖形看齊方式 <IMG src='/URL'

    ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

    取代文字 <IMG src='/URL' ALT='***'> (如果沒有辦法顯示圖形則顯示此文字)

    點(diǎn)選圖 <IMG src='/URL' ISMAP> (需要CGI程式)

    N2.0 點(diǎn)選圖 <IMG src='/URL' USEMAP='URL'>

    N2.0 地圖 <MAP NAME='***'></MAP>(描述地圖)

    N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>

    3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>(以pixels為單位) N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> (以pixels為單位)

    N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> (以pixels為單位)

    N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>

    N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>(使用端自動(dòng)更新 )

    N2.0 內(nèi)嵌物件 <EMBED src='/URL'> (將物件插入頁(yè)面)

    N2.0 內(nèi)嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>

    3.分隔

    段落 <P> (通常是兩個(gè)return)

    3.0 段落 <P></P> (新定義成容器型標(biāo)簽)

    3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>

    換行 <BR> (一個(gè)return)

    N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時(shí))

    橫線 <HR>

    N1.0 橫線對(duì)齊 <HR ALIGN=LEFT|RIGHT|CENTER>

    N1.0 橫線厚度 <HR SIZE=?> (以pixels為單位)

    N1.0 橫線寬度 <HR WIDTH=?> (以pixels為單位)

    N1.0 橫線比率寬度 <HR WIDTH=%> (以頁(yè)寬為100%)

    N1.0 實(shí)線 <HR NOSHADE> (沒有立體效果)

    N1.0 不可換行 <NOBR></NOBR> (不換行)

    N1.0 可換行處 <WBR> (如果需要,可在此斷行)

    列舉 (可以巢狀列舉)

    無(wú)次序式列舉 <UL><LI></UL> (<LI> 放在每一項(xiàng)前)

    N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項(xiàng))

    <LI TYPE=DISC|CIRCLE|SQUARE>(定義這個(gè)及其后的列舉項(xiàng))

    有次序式列舉 <OL><LI></OL> (<LI> 放在每一項(xiàng)前)

    N1.0 數(shù)標(biāo)型態(tài) <OL TYPE=A|a|I|i|1> (定義全部的列舉項(xiàng))

    <LI TYPE=A|a|I|i|1> (定義這個(gè)及其后的列舉項(xiàng))

    N1.0 起始數(shù)字 <OL value=?> (定義全部的列舉項(xiàng))

    <LI value=?> (定義這個(gè)及其后的列舉項(xiàng))

    定義式列舉 <DL><DT><DD></DL>(<DT>項(xiàng)目, <DD>定義)

    表單式列舉 <MENU><LI></MENU>(<LI> 放在每一項(xiàng)前)

    目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一項(xiàng)前)

    背景與顏色

    3.0 重復(fù)排列的背景 <BODY background='/URL'>

    N1.1+ 背景顏色 <BODY BGCOLOR='#$$$$$$'> (依序?yàn)榧t、綠、藍(lán))

    N1.1+ 文字顏色 <BODY TEXT='#$$$$$$'>

    N1.1+ 連結(jié)顏色 <BODY LINK='#$$$$$$'>

    N1.1+ 看過的連結(jié) <BODY VLINK='#$$$$$$'>

    N1.1 使用中的連結(jié) <BODY ALINK='#$$$$$$'>

    4.特殊字元(以下標(biāo)簽需用小寫)

    特別符號(hào) &#?; (其中 ? 代表 ISO 8859-1 的編碼)

    < < > > & & ' '

    注冊(cè)商標(biāo)TM ?

    N1.0+ 注冊(cè)商標(biāo)TM ?

    著作權(quán)符號(hào) ?

    N1.0+ 著作權(quán)符號(hào) ?

    5.表單 (通常需要與CGI程式配合)

    定義表單 <FORM ACTION='URL' METHOD=GET|POST></FORM>

    N2.0 上傳檔案 <FORM ENCTYPE='multipart/form-data></FORM>

    輸入欄位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>

    欄位名稱 <INPUT NAME='***'>

    欄位內(nèi)定值 <INPUT value='***'>

    已選定 <INPUT CHECKED> (適用於checkboxes與 radio boxes)

    欄位寬度 <INPUT SIZE=?> (以字元數(shù)為單位)

    最長(zhǎng)字?jǐn)?shù) <INPUT MAXLENGTH=?> (以字元數(shù)為單位)

    下拉式選單 <SELECT></SELECT>

    下拉式選單名稱 <SELECT NAME='***'></SELECT>

    選單項(xiàng)目數(shù)量 <SELECT SIZE=?></SELECT>

    多選式選單 <SELECT MULTIPLE> (多選)

    選項(xiàng) <OPTION>

    內(nèi)定選項(xiàng) <OPTION SELECTED>

    文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></TEXTAREA>

    輸入?yún)^(qū)名稱 <TEXTAREA NAME='***'></TEXTAREA>

    N2.0 輸入?yún)^(qū)換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

    6.表格

    3.0 定義表格 <TABLE></TABLE>

    3.0 表格框線 <TABLE BORDER></TABLE> (有或沒有)

    N1.1 表格框線 <TABLE BORDER=?></TABLE>(可以設(shè)定數(shù)值)

    N1.1 儲(chǔ)存格左右留白 <TABLE CELLSPACING=?>

    N1.1 儲(chǔ)存格上下留白 <TABLE CELLPADDING=?>

    N1.1 表格寬度 <TABLE WIDTH=?> (以pixels為單位)

    N1.1 寬度比率 <TABLE WIDTH=%> (頁(yè)寬為100%)

    3.0 表格列 <TR></TR>

    3.0 表格列內(nèi)容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 儲(chǔ)存格 <TD></TD> (須與列并用)

    3.0 儲(chǔ)存格內(nèi)容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 不換行 <TD NOWRAP>

    N3.0 儲(chǔ)存格背景顏色 <TD BGCOLOR=#$$$$$$>

    3.0 儲(chǔ)存格橫向連接 <TD COLSPAN=?>

    3.0 儲(chǔ)存格縱向連接 <TD ROWSPAN=?>

    N1.1 儲(chǔ)存格寬度 <TD WIDTH=?> (以pixels為單位)

    N1.1 儲(chǔ)存格寬度比率 <TD WIDTH=%> (頁(yè)寬為100%)

    3.0 表格標(biāo)題 <TH></TH> (跟<TD>一樣,不過會(huì)對(duì)中并加粗)

    3.0 表格標(biāo)題對(duì)齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 表格標(biāo)題不換行 <TH NOWRAP>

    3.0 表格標(biāo)題占幾欄 <TH COLSPAN=?>

    3.0 表格標(biāo)題占幾列 <TH ROWSPAN=?>

    N1.1 表格標(biāo)題寬度 <TH WIDTH=?> (以pixels為單位)

    N1.1 表格標(biāo)題比率寬度<TH WIDTH=%> (頁(yè)寬為100%)

    3.0 表格抬頭 <CAPTION></CAPTION>

    3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)

    視框 (定義與控制螢?zāi)簧系奶囟▍^(qū)域)

    N2.0 視框格式總定義 <FRAMESET></FRAMESET> (取代<BODY>)

    N2.0 視框行長(zhǎng)度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)

    N2.0 視框行長(zhǎng)度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對(duì)大?。?

    N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)

    N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對(duì)大?。?

    N2.0 定義個(gè)別視框 <FRAME> (定義個(gè)別視框)

    N2.0 個(gè)別視框內(nèi)容 <FRAME src='/URL'>

    N2.0 個(gè)別視框名稱 <FRAME NAME='***'|_blank|_self|_parent|_top>

    N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界)

    N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)

    N2.0 卷動(dòng)條 <FRAME SCROLLING='YES|NO|AUTO'>

    N2.0 不可改變大小 <FRAME NORESIZE>

    N2.0 無(wú)視框時(shí)的內(nèi)容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)

    7.雜項(xiàng)

    說(shuō)明 <!-- *** --> (瀏覽器不會(huì)顯示)

    四、如何用html制作一個(gè)網(wǎng)頁(yè)

    1,打開記事本,并在其中輸入必要信息,完整代碼如下:

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>

    <body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h4>茉莉花</h4> <p>作者:宋 · 劉克莊 </p> </header> <hr/> <p>曾與瑤姬約?;邢喾辍⒋渖褤u曳,珠韝聯(lián)絡(luò)。風(fēng)露青冥非人世,攬結(jié)玉龍驂鶴。

    愛萬(wàn)朵、千條纖弱。

    禱祝花神憐惜取,問開時(shí)、晴雨須斟酌。枝上雪,莫消卻。

    惱人匹似中狂藥。

    憑危欄、燭光交映,樂聲遙作。身上春衫香薰透,看到參橫月落。

    算茉莉、猶低一著。坐有緱山王郎子,倚玉簫、度曲難為酢。君不飲,鑄成錯(cuò)。</p> <h4>清平樂</h4> <p>冰輪萬(wàn)里。云卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱,補(bǔ)陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國(guó)幽花比并香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶,泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香,拍滿笙簫院。</dd>

    </dl></article> <footer>2019.9.6</footer> </body></html>

    啟動(dòng)瀏覽器運(yùn)行后,大家會(huì)發(fā)現(xiàn)界面并不美觀,文字看著也比較亂。

    為了解決這個(gè)問題,可以在界面添加css規(guī)則,讓界面更好看,更標(biāo)準(zhǔn)化,將下面的代碼塊添加到記事本中,位置在<head>和<head/>也就是頭部之間:

    <style type="text/css">body{ background:gray;} h4{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>

    再次保存和預(yù)覽,是不是看著美觀多了

    以上就是關(guān)于完整html網(wǎng)頁(yè)代碼相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進(jìn)行咨詢,客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。


    推薦閱讀:

    完整的科研設(shè)計(jì)應(yīng)該包括哪些方面(完整的科研設(shè)計(jì)應(yīng)該包括哪些方面呢)

    一個(gè)完整的策劃案范文(一份完整的品牌策劃方案)

    ChatGPT回答不完整

    暢銷書排行榜2013(暢銷書排行榜2019)

    建筑工程采購(gòu)管理制度流程(建筑工程采購(gòu)管理制度流程表)