我的第一次boke

Posted 2020-07-30

html —— 超文本标记语言 标准的格式 如果出现小的编码错误 系统会自动帮你纠正

  htm —— 一些较老的服务器，只有支持后缀为三位

  xhtml—— 严格的html 格式

  Meta 标签：

   <meta name="Keywords" content="学生成绩"> 向搜索引擎说明网页的关键字 如果搜索学生成绩 那么就对抓取到这个网页 如果输入其他的则无法搜索到

   <meta name="Description" content="这是统计学校成绩的网页"> 网页的描述 如果搜索引擎以一段文字抓取的话那么就会搜索到这网页

   <meta http-equiv="content-type" content="text/html;charset=utf-8">  设置网页的编码格式为：UTF-8

   <meta http-equiv="refresh" content="3"> 这个网页会在三秒后刷新

    <meta http-equiv="refresh" content="3;url=http://www.baidu.com">  三秒后转跳到百度网页

<!----> 在html中表示注解

  定义正文标题：<h1></h1>  ---------->   <h6></h6>

  <h1>标题1</h1>
  <h2>标题2</h2>
  <h3>标题3</h3>
  <h4>标题4</h4>
  <h5>标题5</h5>
  <h6>标题6</h6>

注解：正文就是正文  而标题也就是标题  正文无法变成标题 而标题也不会变成正文

   定义段落标签：<p></P> 段落结尾之处必须换行 可以存在很多的P标签

   代码演示：

         <p>这是一个P标签</p>
         <P>而这是第二个P标签 会在这里换行</P>

 

  blockquote标签 用于引用文本

   代码演示：

       <blockquote>这里是引用的文本</blockquote>

 

  定义列表：

        有两种组合：

           <ul><li>无序列表</li></ul> 

            <ol><li>有序列表</li></ol>（<li></li>标签 是有序和无序标签的包含标签）

   代码演示：

     <p>以下是定义列表</p>
    <p>首先是无序组合列表</p>
    <ul>
      <li>无序列表1</li>
      <li>无序列表2</li>
      <li>无序列表3</li>
    </ul>
    <P>然后是有序组合列表</P>
    <ol>
     <li>有序列表1</li>
     <li>有序列表2</li>
     <li>有序列表3</li>
    </ol>

 

 dl标签 ：

    <dl><!---DL为描述标签-->

     <dt><img src="图片名"></dt><!---一般来说放入图片--->

     <dd>对DT的描述  通常是对上面图片的解释</dd>

   </dl>

   代码演示：

    <p>描述标签</p>
  <dl>
      <dt><img src="img/1.jpg"></dt>
      <dd>这照片好帅</dd>
  </dl>

注：../表示回到上一级    <img sre="图片" alt+"文字"> 此标签当图片因为特殊原因无法显示的时候 显示的提示语句

 

 pre 标签： 我们自定义的格式  我们想怎么定义都可以