HTML基础

最新推荐文章于 2024-04-24 21:53:34 发布

深山夕照

最新推荐文章于 2024-04-24 21:53:34 发布

阅读量72

点赞数

分类专栏：前端文章标签： html css js

本文链接：https://blog.csdn.net/if9600/article/details/113184709

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章目录

HTML基础
HTML实例

HTML基础

HTML标题（Heading）：

<h1>-<h6>

<h1>这是一个标题</h1>

HTML段落：

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

HTML链接：

<ahref="https://www.runoob.com">这是一个链接</a>

HTML图像：

<img loading="lazy" src="/images/logo.png" width="258" height="39" />

HTML元素：以开始标签起始，以结束标签终止，元素的内容是开始标签和结束标签之间的内容

开始标签（起始标签 )       　　　　　　　　 元素内容            结束标签(闭合标签)
<p>                                  　　时间                   </p>
<a href="default.htm"     　　　　　　　　　链接                   </a>
<br>/<br/>                     　　　　　　换行

嵌套的HTML元素：大多数 HTML 元素可以包含其他 HTML 元素

HTML文档实例：

<!DOCTYPE html>
<html>

<body>
<p> parse </p>
</body>

</html>

HTML属性：
HTML元素可以设置属性；属性可以在元素中添加附加信息；属性一般描述于开始标签；属性总是以名称/值对的形式出现，比如：name=“value”

属性实例
HTML链接由 <a> 标签定义。链接的地址在 href属性中指定（超文本引用 hypertext reference）
HTML属性常用引用属性值：属性值应该始终被包括在引号内；如果属性本身就含有双引号，那么就必须使用单引号。

HTML水平线
<hr> 标签在 HTML 页面中创建水平线

HTML注释

<!-- 注释 -->

HTML实例

一个实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" rel="stylesheet">
    <script src="scripts/main.js" defer></script>
  </head>
  <body>
    <h1>HTML 酷毙了！</h1>
    <img src="images/img2.png" alt="CSDN">

    <p>书山有路勤为径,学海无涯苦作舟</p>

    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JS</li>
    </ul>

    <p>学习HTML</p>

    <p>更多的学习,可以参阅 <a href="https://blog.csdn.net/if9600?spm=1001.2100.3001.5343">CSDN</a>。</p>

  </body>
</html>

在这里插入图片描述

深山夕照

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

文章目录HTML基础HTML实例HTML基础HTML标题（Heading）：<h1>-<h6><h1>这是一个标题</h1>HTML段落：<p>这是一个段落</p>HTML链接：<ahref="https://www.runoob.com">这是一个链接</a>HTML图像：<img loading="lazy" src="/images/logo.png" width="258
复制链接

扫一扫