首页 > 代码库 > HTML初步学习——学习1

HTML初步学习——学习1

1.HTML文件结构

HTML文件结构图:

技术分享

2.HTML标签

  • 什么是标签

  标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如< table>< /talbe>、< form>< /form>。标签对中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签;当然还有少部分不是成对出现的,如< br>、< hr>等。标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

  • 提前介绍什么是元素(对比)

  HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

  比如< p>这就是一个标签;< p>内容< /p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;这里有一个值得注意的例外,即< br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。

  • 常用的标签

  网页能实现各种各样的定制,实现各种各样的功能,反过来可以说明标签种类是很多的,这样才能实现各种各样的功能及定义。先讲四个最基本的标签

 1.HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。 示例:

1 <h1>This is first heading</h1>
2 <h2>This is second heading</h2>
3 <h3>This is third heading</h3>
4 ...
5 ...

  2.HTML段落 paragraph 是通过 < p> 标签进行定义的。 示例:

1 <p>This is a paragraph.</p>
2 <p>This is another paragraph.</p>
3 ...
4 ...

  3.HTML链接 链接 是通过 < a> 标签进行定义的。 示例:

1 <a href="http://shiyanlou.com">This is a link</a>

  4.HTML图像 image是通过 技术分享 标签进行定义的。 示例:

1 <img src="shiyanlou.jpg" width="100" height="142" />

 

HTML初步学习——学习1