美文网首页
HTML基础学习1

HTML基础学习1

作者: 小黑山_15d7 | 来源:发表于2020-06-08 18:32 被阅读0次

HTML简介

什么是HTML

HTML 是用来描述网页的一种语言.

  • HTML指的是超文本标记语言(Hyper Text Markup Language)
  • HTML不是一种编程语言,而是一种标记语言(markup language)
  • 标记语言是一套标记标签(markup tag)
    image

HTML标签

HTML标记标签通常被称为HTML标签(HTML tag).

  • HTML标签是由尖括号包围的关键词,比如 <html>
  • HTML标签通常是成对出现的,比如<b>和</b>
  • 标签对应的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开始标签闭合标签.

HTML文档 = 网页

  • HTML文档描述网页
  • HTML文档包含HTML标签和纯文本
  • HTML文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

<html>
    <head>
        <title>我的第一个网页</title>
    </head>
    <body>
        <h1>这是一个标题标签</h1>
        <p>这是一个段落标签</p>
    </body>
</html>

例子解释

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

现在开始HTML基础

HTML标签

HTML标题(Heading)是通过<h1> - <h6>等标签进行定义的.
实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

亲自试一试

HTML段落

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

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

亲自试一试

HTML链接

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

<a href="http://www.baidu.com">这是一个链接</a>
//在href属性中指定链接的地址.

HTML图片

HTML图片是通过<img>标签进行定义的.
实例

<img src="图片链接/路径" width="100" height="140" />
//图片的名称和尺寸是以属性的形式提供的.

相关文章

网友评论

      本文标题:HTML基础学习1

      本文链接:https://www.haomeiwen.com/subject/lzxdtktx.html