溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“怎么用HTML制作一個簡單的頁面”，在日常操作中，相信很多人在怎么用HTML制作一個簡單的頁面問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么用HTML制作一個簡單的頁面”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
網(wǎng)頁示例
開始制作
認(rèn)識HTML框架
基礎(chǔ)框架
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head ></head> <title>Introduction of Georgia Lin</title> </head> <body></body>
lang屬性：說明了顯示的語言
整體框架由兩部分組成，一部分是head，相當(dāng)于網(wǎng)頁的名稱、設(shè)置等，另一部分是body，包含的內(nèi)容是網(wǎng)頁的具體設(shè)計。
title標(biāo)簽：位于head的標(biāo)簽內(nèi)部，用于顯示頁面的名稱，效果如下
標(biāo)題
<h2>這里是標(biāo)題</h2>
直接在標(biāo)簽里面寫上我們需要的標(biāo)題，如果需要標(biāo)題顯示我們需要的花樣，可以在標(biāo)簽內(nèi)加上屬性
<h2 style="font-family:Broadway;text-align:center;background-color:cadetblue"><bold>Introduction of Georgia Lin</bold></h2>
style屬性：規(guī)定樣式
font-family: 字體，這里我選擇了可愛的Broadway字體
text-align：字體的位置，這里我選擇了居中
background-color:這里可以選擇背景顏色，我選擇了一個較淺的藍(lán)色
bold標(biāo)簽：字體加粗
標(biāo)題效果
改變標(biāo)題的類型和樣式，我們可以得到一下的標(biāo)題：
插入圖片
<img src="guangzhou.jpg" alt="guangzhou" align="middle">
img標(biāo)簽:插入圖片的時候使用
src屬性: 如果圖片和html文件在同一文件夾下時,可以引用圖片的名字
alt屬性: 相當(dāng)于圖片在html文檔中的標(biāo)記的名字
align屬性: 用于決定圖片的位置,這里選擇了居中
圖片效果
插入側(cè)欄
<aside style="background-color:aliceblue">Guangzhou , also known as Canton, is the capital and most populous city of the province of Guangdong in southern China.</aside>
aside標(biāo)簽: 用于新建側(cè)欄
當(dāng)然也可以添加屬性讓側(cè)欄靠右
<aside style="background-color:darksalmon;float:right">From Georgia: <br/>GZ is the city that I love most, for I was born and raised here!</aside>
flaot: 選擇了right之后,可以讓側(cè)欄靠右
br:換行符,可以控制文字的斷行
到此，關(guān)于“怎么用HTML制作一個簡單的頁面”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
