HTML是什么量承？
HTML是一種超文本的標(biāo)記語(yǔ)言好唯，常被用于網(wǎng)頁(yè)設(shè)計(jì)。
如果想系統(tǒng)學(xué)習(xí)HTML筒主，推薦w3school的教程：html教程
這里會(huì)手把手教大家制作一個(gè)簡(jiǎn)單的頁(yè)面关噪。
開(kāi)始制作
認(rèn)識(shí)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屬性：說(shuō)明了顯示的語(yǔ)言
整體框架由兩部分組成，一部分是head乌妙，相當(dāng)于網(wǎng)頁(yè)的名稱使兔、設(shè)置等，另一部分是body藤韵，包含的內(nèi)容是網(wǎng)頁(yè)的具體設(shè)計(jì)虐沥。
title標(biāo)簽：位于head的標(biāo)簽內(nèi)部，用于顯示頁(yè)面的名稱荠察，效果如下
-
標(biāo)題
<h1>這里是標(biāo)題</h1>
直接在標(biāo)簽里面寫上我們需要的標(biāo)題置蜀，如果需要標(biāo)題顯示我們需要的花樣，可以在標(biāo)簽內(nèi)加上屬性
<h1 style="font-family:Broadway;text-align:center;background-color:cadetblue"><bold>Introduction of Georgia Lin</bold></h1>
style屬性：規(guī)定樣式
font-family: 字體悉盆，這里我選擇了可愛(ài)的Broadway字體
text-align：字體的位置盯荤，這里我選擇了居中
background-color:這里可以選擇背景顏色，我選擇了一個(gè)較淺的藍(lán)色
bold標(biāo)簽：字體加粗
改變標(biāo)題的類型和樣式焕盟，我們可以得到一下的標(biāo)題：
-
插入圖片
<img src="guangzhou.jpg" alt="guangzhou" align="middle">
img標(biāo)簽:插入圖片的時(shí)候使用
src屬性: 如果圖片和html文件在同一文件夾下時(shí),可以引用圖片的名字
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:換行符,可以控制文字的斷行
到此為止, 如果可以將簡(jiǎn)單的元素添加到你的html網(wǎng)頁(yè)中,你已經(jīng)掌握了不少的知識(shí)了哦!
