這篇文章主要介紹“怎么用HTML制作一個(gè)簡(jiǎn)單的頁(yè)面”,在日常操作中,相信很多人在怎么用HTML制作一個(gè)簡(jiǎn)單的頁(yè)面問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”怎么用HTML制作一個(gè)簡(jiǎn)單的頁(yè)面”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!
發(fā)展壯大離不開(kāi)廣大客戶(hù)長(zhǎng)期以來(lái)的信賴(lài)與支持,我們將始終秉承“誠(chéng)信為本、服務(wù)至上”的服務(wù)理念,堅(jiān)持“二合一”的優(yōu)良服務(wù)模式,真誠(chéng)服務(wù)每家企業(yè),認(rèn)真做好每個(gè)細(xì)節(jié),不斷完善自我,成就企業(yè),實(shí)現(xiàn)共贏。行業(yè)涉及混凝土泵車(chē)等,在成都網(wǎng)站建設(shè)、營(yíng)銷(xiāo)型網(wǎng)站、WAP手機(jī)網(wǎng)站、VI設(shè)計(jì)、軟件開(kāi)發(fā)等項(xiàng)目上具有豐富的設(shè)計(jì)經(jīng)驗(yàn)。
網(wǎng)頁(yè)示例
開(kāi)始制作
認(rèn)識(shí)HTML框架
基礎(chǔ)框架
Introduction of Georgia Lin
lang屬性:說(shuō)明了顯示的語(yǔ)言
整體框架由兩部分組成,一部分是head,相當(dāng)于網(wǎng)頁(yè)的名稱(chēng)、設(shè)置等,另一部分是body,包含的內(nèi)容是網(wǎng)頁(yè)的具體設(shè)計(jì)。
title標(biāo)簽:位于head的標(biāo)簽內(nèi)部,用于顯示頁(yè)面的名稱(chēng),效果如下
標(biāo)題
這里是標(biāo)題
直接在標(biāo)簽里面寫(xiě)上我們需要的標(biāo)題,如果需要標(biāo)題顯示我們需要的花樣,可以在標(biāo)簽內(nèi)加上屬性
Introduction of Georgia Lin
style屬性:規(guī)定樣式
font-family: 字體,這里我選擇了可愛(ài)的Broadway字體
text-align:字體的位置,這里我選擇了居中
background-color:這里可以選擇背景顏色,我選擇了一個(gè)較淺的藍(lán)色
bold標(biāo)簽:字體加粗
標(biāo)題效果
改變標(biāo)題的類(lèi)型和樣式,我們可以得到一下的標(biāo)題:
插入圖片
img標(biāo)簽:插入圖片的時(shí)候使用
src屬性: 如果圖片和html文件在同一文件夾下時(shí),可以引用圖片的名字
alt屬性: 相當(dāng)于圖片在html文檔中的標(biāo)記的名字
align屬性: 用于決定圖片的位置,這里選擇了居中
圖片效果
插入側(cè)欄
aside標(biāo)簽: 用于新建側(cè)欄
當(dāng)然也可以添加屬性讓側(cè)欄靠右
flaot: 選擇了right之后,可以讓側(cè)欄靠右
br:換行符,可以控制文字的斷行
到此,關(guān)于“怎么用HTML制作一個(gè)簡(jiǎn)單的頁(yè)面”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!