master

分支 (1)

管理

管理

master

taigong-21-computer-internship
/
基本元素01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <h1>标题标签</h1>
  <h2>1111</h2>
  <h3>叫爸爸</h3>
  <h4>叫爸爸</h4>
<p>段落标签</p>
  <P style="text-indent:2em">  2字符的首行缩进 </P>


  <!--超链接  :行元素  不能独占一行 不能设置宽高-->
  <a href="http://www.baidu.com" traget="_blank"
  style="text-decoration :none">
    百度一下你就知道   </a>

  <span>span元素</span>
  <!--图像元素   行内块级元素   设置宽高  不能独占一行
  src   图片路径    .. 上调到上一个文件夹找-->
  <img src="1.img" width="100px"  height="100px"/>
  <h1>我的GIF图片</h1>
  <img src="星见雅.gif" alt="描述图片的替代文本">

  <!--有序   无序列表(菜单栏 导航栏）
  style="list-style-type: none"   消除数字跟圆圈-->
  <ul style="list-style-type: none">
    <li>
      <a href="http://www.baidu.com" traget="_blank"
             style="text-decoration :none">
         </a>列表1</li>
    <li>列表2 </li>
    <li>
      列表3
      <ol style="list-style-type: none">
        <li>有序列表1</li>
        <li>有序列表2</li>
      </ol>
    </li>
  </ul>


  <!--表格元素
  合并单元格 colspan   横
  rowspan 竖-->
  <table border="1px">

    <tr>
      <td colspan ="2">1-1</td>
      <td>1-3</td>
    </tr>

    <tr>
      <td>1-1</td>
      <td>1-2</td>
      <td rowspan = "2">1-3</td>
    </tr>

    <tr>
      <td>1-1</td>
      <td>1-2</td>
    </tr>
  </table>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>


</body>
</html>