HTML 基础

HTML 标题


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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

HTML 段落


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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

HTML 链接


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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<a href="http://www.runoob.com">这是一个链接使用了 href 属性</a>

</body>
</html>

HTML 图像


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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<img src="/images/w3cschool.png" width="300" height="120" />

</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,121评论 2 21
  • 前端07班 王 初识HTML本节预告:1.什么是HTML2.HTML文件结构3.HTML文档4.HTML标签5.感...
    ea203453e188阅读 1,471评论 2 34
  • 在阳光明媚的上午,有两只小蚂蚁,一人采了一片叶子准备回家。可是,它们遇到了一条大河,不知道怎样度过这条大河。...
    佳韵作文向老师阅读 1,625评论 0 0
  • 绘画之路从简单开始…
    小易Y阅读 173评论 0 4
  • 平凡的人一辈子难有作为,有作为的人都不平凡,不要浪费自己的青春,去做一些80岁老人都能做的事情,在自己最能拼...
    帆先生_3be5阅读 334评论 1 0