HTML之基本结构


在搭建Blog的过程中,难免不会触碰到关于网页方面的知识,尤其是在揣摩他人的网页源码时。只有明白自己缺了什么,才能逐步给自己的网页添砖加瓦嘛。所以为了观摩的方便一些,HTML的知识还是要初略涉及一点的。

At first:

在浏览器中,所有查看的信息均是以网页的形式展开的。而网页也称为HTML(Hypertext Markup Language)页面。可以说,HTML即是一种超文本标签语言,也是用于描述网页文档的一种标记语言。一个HTML页面由各种标签组成,如显示标题的<title>标签、显示图片的<img>标签等,这些标签通知了浏览器如何显示自己构思的页面效果。

About:HTML

在html中,一般而言,各标签都是成对出现的,即起始标签为<标签名>,结束标签为</标签名>。其基本结构分为两个部分,分别是头部(head)和主体(body)。头部包含网页标题(title)等基本信息,主体包含网页的内容信息(如文字、图片等)。

material.1

其中<html>标记HTML内容的开始和结束<head>包含不在正文中显示的关键字、标题和脚本等;<body>标记网页的正文部分,所有需要显示的内容均包含在此标签。由这个大致框架,我们就可以在其中添加其它标签来充实或渲染该网页的内容。

由此我们来演示一个经典页面:

<!DOCTYPE html>
<html lang="en">				//language为english
<head>
    <meta charset="UTF-8">		//字符编码类型
    <title>Welcome</title>
</head>
<body>
    Hello World!!!
</body>
</html>

material.2

此外在<body>添加bgcolor属性可改变背景颜色、background属性可改变网页的背景图片。其中颜色的取值可以使用颜色的名称、RGB值或其十六进制。例如我将<body>改成<body bgcolor="#B0D5DF">后:

material.3


原文链接: http://adolesce.cn/archives/24.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值