首页 > web前端 > html教程 > 网页制作(html)的基本知识(一)html初识及属性

网页制作(html)的基本知识(一)html初识及属性

零下一度
发布: 2017-05-05 13:57:36
原创
1121 人浏览过

一:html初识

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
登录后复制

例子解释

与 之间的文本描述网页

与 之间的文本是可见的页面内容

之间的文本被显示为标题

之间的文本被显示为段落

1.1HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

1.2HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如

HTML 标签通常是成对出现的,比如

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

1.3HTML 链接

HTML 链接是通过 标签进行定义的。


注释:在 href 属性中指定链接的地址。

1.4HTML 图像

HTML 图像是通过 标签进行定义的。

注释:图像的名称和尺寸是以属性的形式提供的。

二:html属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

2.1属性实例

HTML 链接由 标签定义。链接的地址在 href 属性中指定。

更多 HTML 属性实例

属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息。

TIY : 居中排列标题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"m.sbmmt.com/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>
登录后复制

属性例子 2:

定义 HTML 文档的主体。

拥有关于背景颜色的附加信息。

TIY : 背景颜色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>
登录后复制

属性例子 3:

定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)

拥有关于表格边框的附加信息。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name=&#39;Bill "HelloWorld" Gates&#39;
登录后复制

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

以上是网页制作(html)的基本知识(一)html初识及属性的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板