HTML基础

最新推荐文章于 2024-09-24 10:17:01 发布

-cc- Lynn

最新推荐文章于 2024-09-24 10:17:01 发布

阅读量75

点赞数

分类专栏： web 文章标签： html servlet java

本文链接：https://blog.csdn.net/Lynntureture/article/details/125619152

版权

web 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title Test</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 lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title Test</title>
</head>
<body>
<P>这是一个段落</P>
<p>这是另一段</p>
</body>
</html>

HTML 链接

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

注：href 是超文本引用（hypertext reference）；超链接的缩写，src是源文件的缩写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title Test</title>
</head>
<body>
    <a href="https://www.csdn.net/">this is a link</a>
</body>
</html>

HTML 图像

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title Test</title>
</head>
<body>
<img src="/images/logo.png" width="258" height="39" />
</body>
</html>

【因为我这里是随便输入的一个地址，电脑里面可能并没有这个图，所以它无法找到】

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

href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。

src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。