怎么用HTML制作一个简单的页面(html,web开发)

时间:2024-05-02 08:11:09 作者 : 石家庄SEO 分类 : web开发
  • TAG :

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

网页示例

开始制作

认识HTML框架

  • 基础框架

<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/xhtml"><head></head><title>IntroductionofGeorgiaLin</title></head><body></body>

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

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

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

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

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

  • 标题

<h2>这里是标题</h2>

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

<h2style="font-family:Broadway;text-align:center;background-color:cadetblue"><bold>IntroductionofGeorgiaLin</bold></h2>

style属性:规定样式

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

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

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

bold标签:字体加粗

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

标题效果

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

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

  • 插入图片

<imgsrc="guangzhou.jpg"alt="guangzhou"align="middle">

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

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

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

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

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

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

图片效果

  • 插入侧栏

<asidestyle="background-color:aliceblue">Guangzhou,alsoknownasCanton,isthecapitalandmostpopulouscityoftheprovinceofGuangdonginsouthernChina.</aside>

aside标签: 用于新建侧栏

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

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

<asidestyle="background-color:darksalmon;float:right">FromGeorgia:<br/>GZisthecitythatIlovemost,forIwasbornandraisedhere!</aside>

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

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

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

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:怎么用HTML制作一个简单的页面的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:jQuery中attr()方法有什么用下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18