-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當(dāng)前位置：首頁 > 創(chuàng)意學(xué)院 > 營銷推廣 > 專題列表 > 正文
用html制作個(gè)人網(wǎng)頁（學(xué)生個(gè)人網(wǎng)頁制作html）
發(fā)布時(shí)間：2023-03-04 03:32:31
稿源：
創(chuàng)意嶺 閱讀：
1101
問大家
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于用html制作個(gè)人網(wǎng)頁的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008
本文目錄:
一、如何用html制作一個(gè)網(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>曾與瑤姬約?；邢喾?、翠裳搖曳，珠韝聯(lián)絡(luò)。風(fēng)露青冥非人世，攬結(jié)玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取，問開時(shí)、晴雨須斟酌。枝上雪，莫消卻。
惱人匹似中狂藥。
憑危欄、燭光交映，樂聲遙作。身上春衫香薰透，看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子，倚玉簫、度曲難為酢。君不飲，鑄成錯(cuò)。</p> <h4>清平樂</h4> <p>冰輪萬里。云卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱，補(bǔ)陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國幽花比并香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶，泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香，拍滿笙簫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
啟動(dòng)瀏覽器運(yùn)行后，大家會發(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ù)覽，是不是看著美觀多了
二、怎么用html制作簡單得網(wǎng)頁代碼？
用html制作簡單的網(wǎng)頁的步驟：
1、整體形象設(shè)計(jì)：企業(yè)確定要搭建網(wǎng)站，那么首先就需要確定企業(yè)的整體形象，這個(gè)形象包括企業(yè)的logo設(shè)計(jì)，整個(gè)站點(diǎn)的色彩搭配，網(wǎng)頁流程設(shè)計(jì)，版面設(shè)計(jì)，甚至包括哪些地方本使用動(dòng)態(tài)效果，哪些地方搭配文字信息，又或者需要布局哪些模塊等等，這個(gè)都需要納入到整體形象設(shè)計(jì)當(dāng)中。
2、頁面風(fēng)格設(shè)計(jì)：網(wǎng)站整體設(shè)計(jì)完成之后，需要落實(shí)到每個(gè)小的頁面，每個(gè)頁面風(fēng)格設(shè)計(jì)可以不同，但大的方向卻需要一致，這樣才能保證整個(gè)站點(diǎn)是整潔有序的，千萬不能是一個(gè)頁面一個(gè)頁面設(shè)計(jì)，這樣讓用戶感覺到非常突兀，甚至?xí)贿m應(yīng)。
3、代碼設(shè)計(jì)：代碼設(shè)計(jì)其實(shí)也就是功能設(shè)計(jì)，一個(gè)網(wǎng)站不可能只是展示，還需要有一些其他功能，最少有聯(lián)系版塊的功能，留言功能等等，如果是電子商務(wù)網(wǎng)站還需要一些支付功能等等。此外，代碼設(shè)計(jì)也涵蓋了整個(gè)網(wǎng)站的框架布局，這個(gè)需要站長結(jié)合SEO優(yōu)化元素去設(shè)計(jì)。
網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。
三、誰能幫我用HTML語言做一個(gè)簡單的網(wǎng)頁?代碼就行
<html>
<head>
<title>第一個(gè)html網(wǎng)頁</title>
<metacharset="utf-8">
</head>
<body>
</body>
</html>
<html>
<head>
<title>第一個(gè)html網(wǎng)頁</title>
<metacharset="utf-8">
</head>
<body>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>
擴(kuò)展資料
HTML語言特點(diǎn)
1、HTML語法較弱。
在w3c制定的HTML5規(guī)范中，對于HTML5在語法結(jié)構(gòu)上的規(guī)格限制是較松散的，如、或在瀏覽器中具有同樣的功能，是不區(qū)分大小寫的。另外，也沒有嚴(yán)格要求每個(gè)控制標(biāo)記都要有相對應(yīng)的結(jié)束控制標(biāo)記。
2、HTML5編寫簡單。
即使用戶沒有任何編程經(jīng)驗(yàn)，也可以輕易使用HTML來設(shè)計(jì)網(wǎng)頁，HTML5的使用只需將文本加上一些標(biāo)記(Tags)即可。
3、HTML標(biāo)記數(shù)目有限。
在w3C所建議使用的HTML5規(guī)范中，所有控制標(biāo)記都是固定的且數(shù)目是有限的。固定是指控制標(biāo)記的名稱固定不變，且每個(gè)控制標(biāo)記都已被定義過，其所提供的功能與相關(guān)屬性的設(shè)置都是固定的。
四、怎么用html5制作個(gè)人主頁
總體把頁面一分為二，<header>是包含在<article>里面的，頁腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手，<header>部分，有主標(biāo)題、副標(biāo)題、還有作者署名，前面我們講過，如果除了主標(biāo)題，還有一個(gè)副標(biāo)題，那可以把這兩個(gè)標(biāo)題寫在一個(gè)<hgroup>元素中。如果除了主標(biāo)題之外，還有其他內(nèi)容，比如內(nèi)容摘要、發(fā)表時(shí)間、作者、圖片或者小標(biāo)題鏈接等，那就應(yīng)該把他們放在一個(gè) <header>元素中。
<header>
<hgroup>
<h1>給個(gè)人博客增加色彩元素提升網(wǎng)站用戶體驗(yàn)</h1>
<h4>網(wǎng)頁的色彩——決定用戶是否駐足停留的關(guān)鍵</h4>
</hgroup>
<p class="Byline">design by DanceSmile</p>
</header>
接下來是文章正文部分：
部分代碼：
<div class="Content">
<p>第一眼看到楊青個(gè)人博客網(wǎng)站的時(shí)候，如果你喜歡...</p>
...
</div>
正文當(dāng)中還有一幅插圖，html5新增加了插圖這個(gè)<figure>語義元素，<figcaption>不是只能包含文本，任何html元素都可以，比如鏈接、小圖標(biāo)。<figcaption>包含了對圖片的完整說明，所以alt文本就顯得多于了，這種情況下，可以把<img>元素中的alt屬性刪除：
<figure>
<img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg">
<figcaption>圖片來源：騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》</figcaption>
</figure>
最后在把上面的代碼寫在<article>里面。
<footer>部分只是一些簡單的頁腳信息。
以上就是關(guān)于用html制作個(gè)人網(wǎng)頁相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀：
用html制作個(gè)人網(wǎng)頁（學(xué)生個(gè)人網(wǎng)頁制作html）
中國十大活動(dòng)策劃公司排名(中國十大活動(dòng)策劃公司排名榜)
中式風(fēng)格的特點(diǎn)和元素（中式風(fēng)格的特點(diǎn)和元素圖片）
贛公網(wǎng)安備 50019002502384號
