HTML语言

2022-03-20 09:02:56 阅读：194 来源： 互联网

<!-- <!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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML语言