开始学习HTML,fighting!

一、什么是 HTML 文件?
  •         HTML 指超文本标签语言。 
  •         HTML 文件是包含一些标签的文本文件。
  •         这些标签告诉 WEB 浏览器如何显示页面。 
  •         HTML 文件必须使用 htm 或者 html 作为文件扩展名。
  •         HTML 文件可以通过简单的文本编辑器来创建。

二、第一个实验

新建一个记事本,输入一下文本,保存为"Mypage.htm"。

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

用IE浏览器打开,运行结果:This is my first homepage. This text is bold

例子解释:

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉您的浏览器,这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> 和 </b> 标签中的文本将以粗体显示。

三、HTML元素

HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。

段落及结果:

<html>
<body>

<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>

<p>段落元素由 p 标签定义。</p>

</body>
</html>

                       这是段落。

                       这是段落。

                       这是段落。

                       段落元素由 p 标签定义。

标题及结果:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>

        This is a heading

               ...

           This is a heading

换行符(折行)

当你打算结束一行,而又不想开始一个新段落时,<br> 标签就派上用场了。无论你将它置于何处,<br> 标签都会产生一个强制的换行。

<p>This <br> is a para<br>graph with line breaks</p>

<br> 标签是空白标签,由于关闭标签没有任何意义,因此它没有类似 </br> 的终止标签。

This
is a para
graph with line breaks

HTML 注释

注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释,这么做在以后的日子里会对您的代码编辑产生帮助。

<!-- This is a comment -->

注意:左括号后需要写一个惊叹号,右括号前就不需要了。

基本的 HTML 标签

标签描述
<html>定义 HTML 文档。
<body>定义文档的主体。
<h1> to <h6>定义标题 1 至标题 6。
<p>定义段落。
<br>插入折行。
<hr>定义水平线。
<!-->定义注释。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值