HTML基础学习1
2020-06-08 本文已影响0人
小黑山_15d7
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" />
//图片的名称和尺寸是以属性的形式提供的.
