成都网站建设设计

将想法与焦点和您一起共享

怎么用HTML制作一个简单的页面

这篇文章主要介绍“怎么用HTML制作一个简单的页面”,在日常操作中,相信很多人在怎么用HTML制作一个简单的页面问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用HTML制作一个简单的页面”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及混凝土泵车等,在成都网站建设营销型网站、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

怎么用HTML制作一个简单的页面

网页示例

开始制作

认识HTML框架

  • 基础框架

 
 
 
 Introduction of Georgia Lin
 
 

怎么用HTML制作一个简单的页面

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

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

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

怎么用HTML制作一个简单的页面

  • 标题

 

这里是标题

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

 Introduction of Georgia Lin

style属性:规定样式

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

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

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

bold标签:字体加粗

怎么用HTML制作一个简单的页面

标题效果

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

怎么用HTML制作一个简单的页面

  • 插入图片

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

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

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

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

怎么用HTML制作一个简单的页面

怎么用HTML制作一个简单的页面

图片效果

  • 插入侧栏

 Guangzhou , also known as Canton,
 is the capital and most populous city of the province of Guangdong in southern China.

aside标签: 用于新建侧栏

怎么用HTML制作一个简单的页面

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

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

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

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

怎么用HTML制作一个简单的页面

到此,关于“怎么用HTML制作一个简单的页面”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


标题名称:怎么用HTML制作一个简单的页面
URL分享:http://chengdu.cdxwcx.cn/article/jdphgh.html