简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

网页制作（html）的基本知识（一）html初识及属性

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

一：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 链接是通过 标签进行定义的。

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

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


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

1.4HTML 图像

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

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

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

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

二：html属性

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

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

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

2.1属性实例

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

更多 HTML 属性实例

属性例子 1:

定义标题的开始。

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

TIY : 居中排列标题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/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中文网其他相关文章！

相关标签：
网页制作，属性，html
来源：php.cn
上一篇：必须掌握的html小知识 下一篇：网页制作（html）的基本知识（二）基本操作
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
未捕获的类型错误：无法设置未定义的属性（设置'innerHTML”） 我正在尝试使用php创建一个网页，在“连续文本框”类（由我的类定义）的元素上，单击时必须启动一个Javascript函数，该函数应该更改另一个函数的内容id“harta-modal...
来自于 2023-11-08 21:06:09
0
1
278
尝试安装 Laravel Breeze 时遇到 Laravel Mix 错误 我正在尝试在我的新Laravel应用程序中安装LaravelBreeze。一切都工作正常，但是当在控制台中输入npmrundev时，我不断收到此错误：子编译中存在3个警告（分别使用...
来自于 2023-11-07 23:05:02
0
1
299
如何使用 PHP 与 Google Analytics Data API (GA4) 结合使用多个过滤器 所以这是我的第一个问题，我会尽力遵守社区规则。我正在尝试使用PHP在GoogleAnalyticsDataAPI(GA4)中使用多个过滤器。我已经成功地能够使用一个过滤器并将其显示...
来自于 2023-11-04 14:39:38
0
1
188
相对位置的顶部未按预期工作 为什么的top属性不起作用，当标签与是同级时，但是如果我删除标签，这个有效。html,body{height:100%;}img{position:relative;top:40%...
来自于 2023-10-29 21:02:46
0
1
236
Vue JS Router：重定向时重新加载页面 我有一个带有Login.vue和Home.vue文件的应用程序。因为我将管理HTML网站转换为vue3应用程序，所以我的javascript仅适用于页面重新加载。创建应用程序时，我...
来自于 2023-10-26 11:53:46
0
2
188
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！