html语言是一种简单标记,HTML是一种超文本的标记语言

如果想系统学习HTML，推荐w3school的教程：html教程

这里会手把手教大家制作一个简单的页面。

网页示例

开始制作

认识HTML框架

基础框架

Introduction of Georgia Lin

lang属性：说明了显示的语言

整体框架由两部分组成，一部分是head，相当于网页的名称、设置等，另一部分是body，包含的内容是网页的具体设计。

title标签：位于head的标签内部，用于显示页面的名称，效果如下

标题

这里是标题

直接在标签里面写上我们需要的标题，如果需要标题显示我们需要的花样，可以在标签内加上属性

Introduction of Georgia Lin

style属性：规定样式

font-family: 字体，这里我选择了可爱的Broadway字体

text-align：字体的位置，这里我选择了居中

background-color:这里可以选择背景颜色，我选择了一个较浅的蓝色

bold标签：字体加粗

标题效果

改变标题的类型和样式，我们可以得到一下的标题：

插入图片

img标签:插入图片的时候使用

src属性: 如果图片和html文件在同一文件夹下时,可以引用图片的名字

alt属性: 相当于图片在html文档中的标记的名字

align属性: 用于决定图片的位置,这里选择了居中

图片效果

插入侧栏

Guangzhou , also known as Canton,

is the capital and most populous city of the province of Guangdong in southern China.

aside标签: 用于新建侧栏

当然也可以添加属性让侧栏靠右

From Georgia:

GZ is the city that I love most, for I was born and raised here!

flaot: 选择了right之后,可以让侧栏靠右

br:换行符,可以控制文字的断行

到此为止, 如果可以将简单的元素添加到你的html网页中,你已经掌握了不少的知识了哦!