html基本结构

html基本结构:

<html>内容</html> :

解释:HTML文档的文档标记,也成为HTML开始标记。

功能:这对标记分别位于网页的最前端和最后端,<html>在最前端表示网页的开始,</html>在最后端表示网页的结束。

<head>内容</head>:

解释:HTML文件头标记,也成为HTML头信息开始标记。

功能:用来包含文件的基本信息,比如网页的标题,关键字,在 <head></head> 可以放<title>内容</title>,<meta></meta>,<style></style>等等标记。

注意:在<head></head>标记的内容不会再浏览器中显示。

<title>内容</title>:

解释:HTML文件标题标记。

功能:网页的“主题”,显示在浏览器的窗口的左上边。

注意:网页的标题不能太长,要短小精悍,能具体反映页面的内容,<title></title>标记中不能包含其他标记。

 

<body>内容</body>:

解释:HTML主题标记

功能:<body>…</body>是网页的主体部分,在这个标记之间可以包含如<p></p>,<h1></h1>,<br>,<hr>等等标记,正是这些内容组成了我们所看见的网页。

常见属性:1.bgcolor:设置背景色<body bgcolor=’red’>…</body>

2.text:设置文本颜色<body text=’green’>…</body>

3.link:设置链接颜色<body link=’blue’>…</body>

4.alink:正在被点击的链接颜色<body alink=’blue’>…</body>

<meta></meta>:

解释:页面元信息。

功能:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频率的描述和关键字

必须属性:content值:some_text,定义name属性相关的元信息

常见属性:name:author,keywords,description,others.吧content属性关联到一个名称:比如描绘网页的关键字:<meta name=’keywords’ content=’你是不是傻?’>

注意:meta必须放在head标识里面。

测试例子:

<html>

<head>

<meta charset="UTF-8">

 

<title>hello world!!</title>

</head>

<body>

<h1>这是个测试hello world 网页html/css基础入门</h1>

<a href=’ https://www.baidu.com’>百度链接</a>

</body>

</html>

注意:如果网页出现中文乱码,添加<meta charset="UTF-8"> 编码字符使用utf-8格式。

转载于:https://my.oschina.net/u/3836799/blog/1799352

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值