您的位置：首页 > 其它

正式学习第一天下午——基础标签及其属性

2017-06-04 16:18 465 查看

今天下午学习了html中的基础标签及其属性。以下面的HTML代码为例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　　　　<title>这是网页的标题</title>
　　</head>
　　<body bgcolor="#CCFF00" background="../../动态壁纸/壁纸1/罪恶王冠/preview.jpg" text="#33CC66">
　　　　这是一段测试文字
　　　　这是另一段font中的测试文字
　　　　加粗
　　　　倾斜
　　　　下划线
　　　　加粗倾斜下划线嵌套
　　</body>
</html>

标签，是网页的最小单元，html由一个个标签组成。

<!DOCTYPE>
首先，是一个html网页开头的会有一个<!DOCTYPE>单标签。<!DOCTYPE>标签的作用是让当前网页来适应新的标准，表示适应HTML5.0。

<html>

然后是<html>标签，用来告诉浏览器这是一个HTML文档，<html>是网页的开始，</html>是网页的结束。

<head>

相当于网页的头部，主要放控制性的东西，用于定义HTML文档的头部信息，也称为头标签。head标签定义的并不会给用户呈现。主要用来封装其他位于文档头部的标记。

<body>

相当于网页的身体，也称为主体标签。所有网页显示给用户的内容，文字图片视频等都在body中。

<body>标签的常用属性：

　　　　　　　　　　　　bgcolor="#CCFF00" bgcolor属性用来定义网页的背景颜色

　　　　　　　　　　　　background="../../动态壁纸/壁纸1/罪恶王冠/preview.jpg"　　　　background属性用来定义网页的背景图片

　　　　　　　　　　　　text="#33CC66"　　　　text属性用来定义网页的前景颜色，也就是文本颜色。

[b]<meta>[/b]

单标签元素，放在<head>头标签中，说明了一些当前网页的信息，做了一些格式的控制，说明当前网页是什么格式是怎么样的。

<meta>中 content="text/html; （说明当前的文档是一个HTML文档）charset=utf-8" 说明当前文档的编码格式是utf-8。

[b]<title>[/b]

用来显示网页标题。

文本格式控制类标签

文本格式控制类标签

[b]:[/b]

主要用来放文字，其中的文字可以通过属性来来控制

　　size：文字大小

　　face：文字字体，可以直接写字体名称，HTML常用字体微软雅黑

　　color：文字颜色

[b][b][b]文字加粗[/b][/b][/b]

[b]<i[/b][b]>文字倾斜[/b]

[b][b]文字加下划线[/b][/b]

[b][b]三个标签可以通过嵌套来使其中的内容同时实现三种效果。[/b][/b]

[b]拓展知识：[/b]

[b]编码知识：[/b]

因为计算机磁盘用二进制来存储数据，所以文字图片等需要编码成能够存储的内容才能存储。从而形成了各种不同的编码格式。编码格式错误可能会导致网页出现乱码。

[b]网页中颜色表示:[/b]

1.rgb(255,255,255)

　　其中，r=red=红，g=green=绿，b=blue=蓝，红绿蓝三原色，用0-255代表每一个颜色的浓度，来组合出不同的颜色。

2.#000000

　　#后面用十六进制字符来表示红绿蓝三元色，十六进制是0-F十六个字符，00最低，FF=255最浓。

3.直接用red、blue等单词来表示颜色。

[b]网页中的路径：[/b]

绝对路径：从根目录（/）开始写的路径

相对路径：相对于某个地方（当前文件位置）的路径

　　./ 代表当前目录

　　../ 代表上一级目录

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航