HTML

<html>

<!DOCTYPE html>

<html lang = "zh-CN">

  <head>

    <meta charset = "UTF-8">

  </head>

  <body>

 

    1 ( 基本结构标签 ):

    <p>  段落 </p>

    <br \> 换行

    <em> 倾斜 <\em>

    <del> 删除线 <\del>

    <strong> 加粗 <s/trong>

    <ins> 下划线 </ins>

    <h(n)> 一级标题 <h(n)>       (最多为6)

    <!--   内容   -->  (注释)

    <a href = "链接" target = "打开方式("_self" or "_blank")" > 链接上的标题 </a>

    <img src = "路径" width = "宽度" height = "长度" border = "边界宽度"  alt = "图片显示不出来就会显示这里的内容"  title = "鼠标放在图片上会显示的内容"/>

    <pre> 可以保留空格和换行<pre>

    &lt;(小于号)    &gt;(大于号)    &nbsp;(空格)   可以在html页面中显示出来

 

    2 (表格制作):

    <table align = "center" / "left" / "right" border = "1" cellpadding = "0" (默认为1) cellspacing = "0" (默认为1)  width = "0"  height = "0">s

       <thead>

        <tr>. <th> 内容 </th> </tr>

      </thead>

      <tbody>

        <tr>   <td> 内容 <td>  </tr>

        合并单元格: colspan = “ 数量 ” (跨行合并) :目标:在要合并单元格的最上一行写入。   删除多余的单元格

                 rowspan = “ 数量 ”  (跨列合并):目标:在要合并单元格的最右边写入。      删除多余的单元格

    </tbody>

    </table>

      3 (列表):

      ( 无序列表 ):

        <ul>

          <li>  内容  </li>

        </ul>

      ( 有序列表 ):

        <ol>

          <li>  内容  </li>

        </ol>

        ( 自定义列表 ):

        <dl>

          <dt>  项目  </dt>

          <dd>  名词1  </dd>

          <dd>  名词2  </dd>

        </dl>

 

    4 (表单):

    <form>

      ( input 标签 和 label 标签):

      <label for = " ">  </label> 文字 <input  type = "属性"  value = " "   checked = "checked"  name = "  " />  ( 属性有:text   button  submit reset  file checkbox radio hidden image password )

      当用  label  的时候,要在input标签中加入一个  id 元素,for =  “ id  ”

      (select 下拉表单标签):

        <select> e

          <option selected = "selected" ( selected 默认为这部分对的内容)>  内容   </option>

        </select>

      (textarea 文本域标签):

        <textarea  rows = "  "  cols = "  " >

          内容

        </textarea>

    </form>

  <body>

 

</html>

posted @ 2022-05-10 17:26  哥不是非主流  阅读(38)  评论(0)    收藏  举报