HTML基础部分

lsbdgyd

已于 2022-05-09 05:56:10 修改

阅读量37

点赞数

文章标签： html

于 2022-05-03 23:02:23 首次发布

本文链接：https://blog.csdn.net/lsbdgyd/article/details/124555037

版权

文本标题h1-h6

一个网页的h1标签不要过多只能有一个大标题

<body>
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
</body>

段落标签 p

<body>
    <p>独占一行</p>
</body>

换行 br

<br> 换行是一个空标记（强制换行）

水平线 hr

   <hr>

加粗有两个标记（推荐strong）

    <b>加粗内容</b>
    <strong>强调的内容</strong> 突出的文本

倾斜有两个标记（推荐em）

     <em>强调文本</em>
        <i>倾斜文本</i>

删除线

    <s>删除线</s>
推荐使用del
    <del>删除线</del>

下划线上标下标

    <u>下划线</u>
    <sub>下标</sub>
    <sup>上标</sup>

HTML的基本语法

 <hr color="red" width="300px" align="left" noshade>
    color === 颜色
    width === 宽度
    align === 对齐方式
    noshade === 取消阴影

特殊符号

  特殊符号：
    尖角号 &lt; &gt;  网页上显示的左右尖角号
    空格： &nbsp; 
    版权： &copy;

div和span标签

     div标签 没有具体的含义 用来划分页面的区域 独占一行
    <div>111</div>
     span标签没有实际意义 主要用于对于文本独立修饰的时 内有有多宽
     就占用多宽的距离
    <span>111</span>

列表-有序列表

 有序列表
    type：1; 1，a,A,i,I 
    start='3' 取值第几个开始 只能是数字


   <ol type="1" start="3">
       <li>11</li>
   </ol>

列表-无序列表

  无序列表
    type: disc  默认值
          circle 空心圆
          sqyare 正方形
          none 取消
          
    <ul type="none">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>

列表-自定义列表

自定义列表
    <dl>
        <dt></dt>
        <dd></dd>
    </dl>

图片标签的路径

图片标签的路径
  <img src="路径" alt="图片不存在显示的文字" title="鼠标经过显示的文字">

表格标签

 表格标签 
  表格属性：
  宽度：width
  高度：height
  边框：border
  边框颜色：bordercolor
  背景颜色：bgcolor
  对齐方式：alin left right center
  cellspacing 单元格于单元格之间的间距
  cellpadding 单元格于内容之间的空隙
  <table>
      <tr>
          <td></td>
          <td></td>
      </tr>
  </table>

表格标签 tr 属性

高度height
背景颜色bgcolor
文字水平对齐 align= left center right
文字垂直对齐 Valign= top middle  bottom

表格标签td属性

宽度width
高度height
背景颜色bgcolor
文字水平对齐 align= left center right
文字垂直对齐 Valign= top middle  bottom

表格合并列

  表格合并
    跨行合并 rowspan
    跨列合并 colspan
  <table border="1" width="300" height="300">
      <tr>
          <td>不毛</td>
          <td colspan="2">魏国</td>
          <!-- <td>辽东</td> -->
      </tr>
      <tr>
        <td rowspan="2">蜀国</td>
        <td>西凉</td>
        <td>幽州</td>
    </tr>
    <tr>
        <!-- <td>南中</td> -->
        <td>吴国</td>
        <td>荆州</td>
    </tr>
  </table>

表单标签

   表单标签
    文本输入框 ： type=text 
    密码框：type=password
    提交框：type=submit
    按钮：type=button
    重置：type=reset

    属性
    placeholder 描述输入字段预期值的简短提示信息
    name 必须设置 否则在提交表单时 用户在其中输入的数据不会发送到服务器
    value 
    <form action="" method="post/get">
        <input type="text" placeholder="请输入你的用户名 ">
        <input type="password">
        <input type="submit" value="">
    </form>