HTML基础入门

2022-10-08 11:46:15

1.什么是HTML

2.HTML文件结构

3.HTML文档

4.HTML标签

1.什么是HTML

首先，HTML是一种语言，是用来描述网页的语言
HTML 指的是超文本标记语言 (Hyper Text Markup Language) 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素
HTML 不是一种编程语言，而是一种标记语言 (markup language)所以就算你什么编程语言都不懂，没关系，完全可以上手HTML。标记语言：一套标记标签 (markup tag)（也就是一些特定的符号，后面我们会讲到）
HTML 就是使用标记标签来描述网页
HTML文件后缀名就是(.html),你可以使用一般的文本编辑器就能编辑（在我们环境中可以使用Brackets，gedit，vim），之后再使用浏览器打开，就能看见所你所编辑的网页

<html>

    <head>

            <title>.....</title>

    </head>

    <body>

            <p>.....</p>

    </body>

</html>

HTML 文档也被称为网页 HTML 文档包含 HTML 标签和纯文本 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。

<html>

    <body>

        <h1>First Heading</h1>

         <p>first paragraph</p>

    </body>

</html>

< html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落

标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象

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

<h1>This is first heading</h1>

<h2>This is second heading</h2>

<h3>This is third heading</h3>

HTML段落 paragraph 是通过 < p> 标签进行定义的

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML链接链接是通过 < a> 标签进行定义的

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

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

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