记不住就存下来---- HTML 5 基础控件

最新推荐文章于 2023-10-27 11:31:01 发布

MR_LP

最新推荐文章于 2023-10-27 11:31:01 发布

阅读量1.4k

点赞数 2

分类专栏： HTML 学习文章标签： html 控件控件大全

本文链接：https://blog.csdn.net/MR_LP/article/details/50525400

版权

HTML 学习专栏收录该内容

80 篇文章 0 订阅

订阅专栏

基本元素:

元素名称	含义
<!—…-->	HTML 的注释,位于两个元素中间的文字,会被当做注释处理
<html>	HTML 5 文档的根元素,但是允许省略这个元素
<head>	HTML 5 文档的头部分,但是允许省略这个元素
<title>	HTML 5 文档的页面标题
<body>	HTML 5 文档的页面主题部分,该标签可以指定 id , class , style 等核心属性,开可以指定各种事件属性用于 JavaScrip 脚本

<style>	引入样式定义
<h1>到<h6>	定义标题一至标题六
<p>	定义段落,该标签可以指定 ID,CLASS,STYLE 等核心属性,还可以指定 OnClick 等各种事件属性
<br>	插入一个换行,该标签可以指定 id,class,style 等核心属性
<hr>	定义水平线,该标签可以指定 id , class , style 等核心属性,还可以指定 OnClick 等各种事件属性,HTML 5中 <hr…/>还代表了主题结束的语义
<div>	定义文档中的节,该标签可以指定 id , class , style 等核心属性,还可以指定 OnClick 等各种事件属性

<span>

与<div>基本相似,区别是该定义的节默认不会换行,该标签可以指定和<div>相同的属性

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>基础标签</title>
</head>
<body>
  <!-- 采用标题 1 - 6 来输出文本-->

  <h1>title_1</h1>
  <h2>title_2</h2>
  <h3>title_3</h3>
  <h4>title_4</h4>
  <h5>title_5</h5>
  <h6>title_6</h6>

  <!-- 输入一条水平线-->
  <hr>
  <hr />
  <!-- 使用三个 span 定义三节-->
  <span>
    span_1
  </span>
  <span>
    span_2
  </span>
  <span>
    span_3
  </span>

  <!-- 输出换行-->
  <br>
  <br />

  <!-- 使用三个 div 定义三节-->
  <div>
    div_1
  </div>
  <div>
    div_2
  </div>
  <div>
    div_3
  </div>

  <!-- 使用三个 P 定义三个段落-->
  <p>
    p_1
  </p>
  <p>
    p_2
  </p>
  <p>
    p_3
  </p>
</body>
</html>

实现效果: