首页 > Web开发 > 详细

简单入门HTML代码

时间:2019-09-01 20:25:31      阅读:69      评论:0      收藏:0      [点我收藏+]

字体代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN"http://zzdxjyzd.com xml:lang="zh-CN" xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>


以下为效果图哦!!


——————————————————————————————————————————————————————————
--------------------------------------------------------------------------------

以下教你了解何谓HTML 的元素知识


--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

HTML文档是以HTML元素(element)来定义的。

嵌套的HTML元素


大部分HTML元素可以嵌套使用(可以包含其他HTML元素)。

HTML文档由嵌套的HTML元素构成。


--------------------------------------------------------------------------------


HTML文档示例
<html>

<body>
<p>这是我的第一个段落</p>
</body>

<html>


上面的例子包含3个HTML元素。


--------------------------------------------------------------------------------


示例讲解
<p>元素:
<p>这是我的第一个段落</p>


<p>元素在HTML文档中定义了一个段落
这个元素有一个起始标签<p>和一个结束标签</p>
这个元素的内容是:这是我的第一个段落


<body>元素:
<body>
<p>这是我的第一个段落</p>
</body>


<body>元素定义了HTML文档的主体(body)
这个元素有一个起始标签<body>和一个结束标签</body>
这个元素的内容是另一个HTML元素(<p>)


<html>元素:
<html>
<body>
<p>这是我的第一段落</p>
</body>
</html>


<html>元素定义了整个HTML文档
这个元素有一个起始标签<html>和一个结束标签</html>
这个元素的内容是另一个HTML元素(<body>)


--------------------------------------------------------------------------------


别忘了结束标签


即便你忘记写结束标签,大部分浏览器还是能正确显示你的HTML:

<p>这是一个段落
<p>这是一个段落


虽然大部分浏览器能正确显示上例,但你不应依赖浏览器的容错能力。忘记写结束标签可能会造成意想不到的结果或错误。

注意:缺少结束标签在以后版本的HTML里是不允许的。


--------------------------------------------------------------------------------


空HTML元素


没有内容的HTML元素被称为空元素(empty element)。空元素以起始标签的结束而结束。

<br>是一个没有结束标签的空元素(它用于定义换行)。

在XHTML、XML及以后版本的HTML里,所有元素都必须正确关闭。

关闭空元素的正确方式是,给起始标签添加一个反斜杠,就像<br />这样。

即便浏览器照样能处理<br>,但写成<br />这种形式更能经受住未来的考验。

简单入门HTML代码

原文:https://www.cnblogs.com/dakunqq/p/11443239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!