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

基本元素:

元素名称
含义
<!—…-->
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>

实现效果:

记不住就存下来---- HTML 5 基础控件_第1张图片



⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️更多精彩文章请关注⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️


记不住就存下来---- HTML 5 基础控件_第2张图片


你可能感兴趣的:(html,控件,控件大全)