html-html元素类型简介

最新推荐文章于 2024-10-24 19:41:58 发布

I小狼人

最新推荐文章于 2024-10-24 19:41:58 发布

阅读量112

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/xysweb/article/details/115252668

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

一、html-html元素类型简介
总结

一、html-html元素类型简介

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1>html入门简介</h1>
  <!-- html
  Hypertext Markup Language
  超文本标记语言

  java c++ python 编程语言

  html 不是一门编程语言，而只是一门标记语言
  目的是为了展示网页中的一组段落，列表或者是含有图片和数据表的相关东西
  元素
  标签 -->

  <!-- 
    <html></html>
    是一个根元素，包裹了整个完整的页面
    <head></head>
    是一个容器，通常下里面包含是关键字，页面描述，CSS文件和js的引入，字符集的声明，图标的引入 等等
    <body></body>
    主体 包含了文字，图片，音频，视频等等
    <title></title>
  -->

  <div class="" id="">
    这是一段放在div里的文本
    <span>这是一段放在span标签里的文本</span>
  </div>


  <!-- 
    <div class="" id="">  -开始标签
       属性名="属性值" 空格 属性名="属性值"
      这是一段放在div里的文本   -内容
    </div>  -结束标签
  -->

  <hr>
  <!-- hr - 割线 -->
  <h1>html元素</h1>
  块状元素
  <!-- 在页面中以块的形式出现，相对于的内容也会出现在一行中，其后面的内容回被挤到下一行去，对宽高进行单独设置。 -->
  <!-- <p>这是一个p标签，p标签通常用于表示一篇段落文本 <span>这是一段放在span标签里的文本</span>
    <p>这是一个p标签，p标签通常用于表示一篇段落文本</p>
  </p> -->
  <div>这是一个div的盒子标签</div>
  <p>这是一个p标签</p>
  内联元素
  <!-- 在页面中不会导致文本换行，通常用于在一堆文字中间出现超链接，或强调元素等，无法对宽高进行单独设置，元素内容有多高，标签就有多宽高。 -->
  <span>这是span标签钱钱钱钱钱钱1</span>
  <span>这是span标签3</span>
  <span>这是span标签4</span>
  <span>这是span标签2</span>

  <!-- <div id="header"></div>
  <header></header> -->
  中文
  内联块状元素
  <!-- 在页面一行中阔以显示多个，并且阔以对他们宽高进行单独的设置 -->
  <!-- <img src="" alt="">
  <input type="text"> -->

  <script>
    // 写脚本文件的
    // (){
    // {}      
    // }
  </script>



</body>

</html>