HTML 基础

下面通过一些实例来学习一下HTML几个基本标签

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
 
</body>
</html>

会输出:

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5

这是标题 6


HTML 段落

HTML 段落是通过标签 <p> 来定义的.

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<p>一个段落。</p>
<p>另一个段落。</p>
<p>还是一个段落。</p>
 
</body>
</html>

输出:

一个段落。

另一个段落。

还是一个段落。



HTML 链接

HTML 链接是通过标签 <a> 来定义的.

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<a href="http://www.php.cn">这是一个链接使用了 href 属性</a>

</body>
</html>

输出:

 这是一个链接使用了 href 属性

提示:在 href 属性中指定链接的地址。

(您将在本教程稍后的章节中学习更多有关属性的知识).


HTML 图像

HTML 图像是通过标签 <img> 来定义的.

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" />
 
</body>
</html>

输出:

 html.jpg


注意: 图像的名称和尺寸是以属性的形式提供的。

 


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>标题</h1> <p>句子内容</p> <a href="http://www.php.cn">链接 PHP.CN</a> <!--<br>为换行标签 后面的章节会学习到 --> <br><br> <img src="https://img.php.cn/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>
提交重置代码
高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

哈哈哈

这些都记着了

7年前    添加回复 0

学习ing

<h1>到<h6>,一点一点的变小啊

7年前    添加回复 0

橱窗的光

标签讲的很详细,自己多练下了

7年前    添加回复 0

末日的春天

各种标签的输出

7年前    添加回复 0

html调整想要的文字大小和位置

[最新 西门大官人 的回答] 用css调整。font-size:14px;数字越大,字体越大用margin、padding、float、position可以调整元素位置。具体可搜索css了解详细内容

时间:3年前

<span>标签的作用是?

[最新 数据分析师 的回答] 标签的作用是?-PHP中文网问答-标签的作用是?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

我加入了<html></html>,但是title 认识html的基本结构怎么没显示出来?

[最新 数据分析师 的回答] 我加入了,但是title 认识html的基本结构怎么没显示出来?-PHP中文网问答-我加入了,但是title 认识html的基本结构怎么没显示出来?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~