其他分享
首页 > 其他分享> > HTML语言

HTML语言

作者：互联网

<!-- <!doctype html>这是HTML5的语法需要加上的 -->
<html>
  <head> </head>
  <body>
    <!-- 段落  -->
    <p>代表段落</p>
    <!-- 字号 -->
    <h1>代表字号</h1>
    <h2>代表字号</h2>
    <h3>代表字号</h3>
    <h4>代表字号</h4>
    <h5>代表字号</h5>
    <!-- 换行 -->
    <br />
    横线
    <hr />
    <hr color="red" width="50%" />
    <!-- 预留格式 -->
    <pre>
    预留格式
    换行有效
    </pre>
    <!-- 删除 -->
    <del>内容</del>
    <!-- 插入 -->
    <ins>内容</ins>
    <!-- 斜体 -->
    <i>斜体</i>
    <!-- 粗体字 -->
    <b>粗体</b>
    <!-- 指数与下标 -->
    10<sup>2</sup>
    <!--代表10的平方-->
    10<sub>2</sub>
    <!--代表10的下标-->
    <!-- 设置字体属性 -->
    <font color="red" size="9"></font>
    <!-- 居中 -->
    <center></center>
    <!-- 实体符号 -->
    <!-- b<a>c -->
    b&lt;a&gt;c
    <!-- 空格 -->
    &nbsp;
    <!-- 表格 -->
    <table border="1px" width="60%" height="50%" align="center">
      <!-- 代表行 
    center:居中 
    -->
      <tr align="center">
        <!-- 代表列 -->
        <td>内容</td>
        <td>内容</td>
      </tr>
      <tr>
        <!-- th标签也是单元格,比td多了加粗居中 -->
        <th></th>
        <th></th>
      </tr>
    </table>

    <!-- 单元格合并
    1:row合并的时候,删除下面的单元格
    2:colspan合并都可以
-->

    <table>
      <tr>
        <td colspan="2"></td>
        <!-- <td></td> -->
        <td rowspan="2"></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <!-- <td></td> -->
      </tr>
    </table>

    <!-- thead tbody tfoot便于后期的代码编写,主要就是将body拆分成三部分-->

    <!-- 背景颜色和背景图片 -->
    <body
      bgcolor="red"
      background="...png"
      title="设置鼠标悬停显示的信息"
      alt="图片找不到哦(用于加载不出来的提示新消息)"
    >
      <img src=".png" width="100px" />
    </body>
    <!-- 超链接 
    target-""
    =_blank新窗口
    _self当前窗口
    _top顶级窗口
    _parent父窗口
-->
    <a href="www.baidu.com" target="_blank"
      >百度
      <img src="adad.jpg" />
    </a>

    <!-- 列表 -->
    <!-- 有序列表 -->
    <ol type="A">
      <li>水果</li>
      <ol>
        <li>苹果</li>
        <li>桃子</li>
      </ol>
      <li>蔬菜</li>
    </ol>
    <!-- 无序列表 -->
    <ul type="circle">
      <li>
        中国
        <ul>
          <li>
            北京
            <ul>
              <li>东城区</li>
              <li>东城区</li>
              <li>东城区</li>
              <li>东城区</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>

    <!-- 表单 -->
    <form action="服务器地址" method="设置提交的方式（GET或者POST）">
      <!-- 画一个按钮,submit有提交表单的能力 -->
      <input type="submit" name="提交的名称" value="按钮上显示的文本" />
      用户名<input type="text" /> 密码<input type="password" />
      <input type="submit" value="提交" />

      <!-- 提交表单的时候，数据没有发送给服务器的三种情况：
1.表单选项没有name属性值，2.单选，复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
3.表单不在form标签中


get:浏览器中地址是：action属性[+?+请求参数]；不安全；有数据长度的限制
post:浏览器中只有action地址，安全，理论上没有长度限制

-->
    </form>

    <div>
      <!-- div标签默认独占一行 -->
    </div>
    <span>
      <!-- 它的长度是封装数据的长度 -->
    </span>
    <p>
      <!--默认在段落的上方或下方空出一行 -->
    </p>
  </body>
</html>

标签：代表,语言,--,字号,HTML,内容,东城区,102
来源： https://blog.csdn.net/qq_57027679/article/details/123607406