HTML 入门

最新推荐文章于 2024-10-10 11:15:29 发布

CourserLi

最新推荐文章于 2024-10-10 11:15:29 发布

阅读量214

点赞数

分类专栏： HTML 5/CSS 3/ JS 文章标签： html

本文链接：https://blog.csdn.net/CourserLi/article/details/104879201

版权

HTML 5/CSS 3/ JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

什么是 HTML？

HTML 是用来描述网页的一种语言
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)

举例介绍

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落</p>

</body>
</html>

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

实例介绍（有图片）

文本标题

<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本，不要仅仅为了产生粗体文本而使用它们，请使用其它标签或 CSS 代替</p>

</body>
</html>

在这里插入图片描述

段落

<html>
<body>

<p>这是段落</p>
<p>这是段落</p>
<p>这是段落</p>

<p>段落元素由 p 标签定义</p> 

</body>
</html>

在这里插入图片描述

超链接

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

在这里插入图片描述

显示图片

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>

在这里插入图片描述

属性（用于改造标签）

在这里插入图片描述

温馨提醒：以上仅适用小白入门 HTML

CourserLi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML 入门

什么是 HTML？

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

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

举例介绍

实例介绍（有图片）

文本标题

段落

超链接

显示图片

属性（用于改造标签）

查看更多HTML标签、属性等

模拟HTML编辑器

温馨提醒：以上仅适用小白入门 HTML