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

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    發(fā)布時間:2023-04-13 23:07:17     稿源: 創(chuàng)意嶺    閱讀: 54        

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

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

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

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

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

    本文目錄:

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

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

    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)絡。風露青冥非人世,攬結(jié)玉龍驂鶴。

    愛萬朵、千條纖弱。

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

    惱人匹似中狂藥。

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

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

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

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

    為了解決這個問題,可以在界面添加css規(guī)則,讓界面更好看,更標準化,將下面的代碼塊添加到記事本中,位置在<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>

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

    二、用表格和表單制作如下網(wǎng)頁。完整html代碼

    1、使用標簽<table></table>定義網(wǎng)頁的表格,使用style賦值類型將顯示在網(wǎng)頁。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    2、使用<tr>標簽定義行,使用<th>定義表頭,表頭的文字自動加粗。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    3、<tr>和<td>標簽配合,定義每行中的表格數(shù)量,現(xiàn)在定義3行5列的表格。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    4、使用<caption></caption>定義表格的標題。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    5、表格分為三個部分,表頭部,表主體,表尾部。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    6、表頭部和主體分別放標題和表格的內(nèi)容,而表的尾部通常放的是頁數(shù)。

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    三、HTML 網(wǎng)頁,按照題目內(nèi)容,編寫1個HTML網(wǎng)頁。詳細在圖里,求HTML代碼,急用

    文件名為temperature-conversion.html的代碼如下(見圖,圖中有重復的地方只需寫一次)

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    四、html求制作一個簡單網(wǎng)頁代碼,只需要一些文字加張圖片

    具體步驟如下:

    靜態(tài)網(wǎng)頁現(xiàn)階段主要采用DIV+CSS+Javascript來實現(xiàn),

    第一步:在桌面上創(chuàng)建一個文本文件;

    第二步:將文本名改為"test.html"(擴展名為.html或者.htm即可,看不見擴展名可以到);

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    第三步:文件名改好后,右擊打開方式,選擇記事本;

    第四步:寫代碼。

    1. html代碼寫成下圖這樣即可:

    個人網(wǎng)頁制作html代碼(個人網(wǎng)頁制作html代碼怎么寫)

    2.css代碼寫在下圖區(qū)域內(nèi):

    3.javascript代碼寫在下圖區(qū)域內(nèi):

    第五步:在這些代碼區(qū)域內(nèi)寫上你的代碼;

    第六步:保存該文本文件;然后右擊打開選擇一個瀏覽器打開;如果出現(xiàn)“已限制網(wǎng)頁運行腳本。。。”點擊允許。

    代碼如下:

    <!doctype html>

    <html>

    <head>

    <meta charset="UTF-8">

    <meta name="Generator" content="EditPlus®">

    <meta name="Author" content="">

    <meta name="Keywords" content="">

    <meta name="Description" content="">

    <title>Document</title>

    </head>

    <body>

    <img src="這里填你的圖片名字,例如1.jpg,圖片跟html放在同一個文件夾下面就行">

    <img src="2.jpg">

    <img src="3.jpg">

    <p>這里輸入你想要輸入的文字</p>

    </body>

    </html>

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


    推薦閱讀:

    個人美容工作室怎么開(小型個人美容工作室怎么開)

    杭州五日游跟團多少錢(杭州五日游跟團多少錢一個人)

    歌手蘇蘇的個人簡介(歌手蘇蘇的個人簡介是什么)

    珠海特色酒店景觀設計公司(珠海特色酒店景觀設計公司排名)

    經(jīng)典懸疑電影排行榜前十名(13部頂級高分懸疑電影)