HTML基础入门

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),之后再使用浏览器打开,就能看见所你所编辑的网页

 

 

2.HTML文件结构

<html>
    <head>
            <title>.....</title>
    </head>

    <body>
            <p>.....</p>
    </body>
</html>

 

3.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> 之间的文本被显示为段落

 

4.HTML标签

  • 什么是标签

标签就是上面这些< 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" />

 

posted on 2017-03-31 21:35  王守昌  阅读(190)  评论(0编辑  收藏  举报

导航