html_study1

<!DOCTYPE html>   <!--html5文档声明不写一些浏览器进入怪异模式,必须写-->

<html>

  <!--注释-->

  <!--head 标签的内容不会在网页中显示, 它用来帮助浏览器解析页面-->

  <head>

          <!--meta用来设置网页的元数据,如网页字符集,关键字, 简介 不影响网页排名-->

    <!--meta用来做请求的重定向-->

           <meta charset="UTF-8" name="keywords" content=""/>

    <meta name="desciption" content="test11"/>

    <meta http-equiv="refresh" content="5; url=http:.//www.baidu.com"/>

    <!--搜索引擎检索时, 首先检索title中的内容会影响排名-->

    <title>默认显示在浏览器标题栏中 </title>

  </head>

  <body>

  <h1>影响搜索排名</h1>

     <p> 会独自占一行,并且段与段之间有间距</p>

  <!--图片只设置width, height自动同比例改变,不建议同时设置宽和高
  src 属性设置路径
  图片格式JPEG(JPG),PNG, GIF
  -->

  <img src="/Users/juanjuan.li/Documents/Bulk/pic/grab-pic/icon1.jpg" alt="图不能显示时的描述" />   <!--所有引擎可以通过alt是识别图片-->  

<!--iframe引入内联框架 不推荐使用, 搜索引擎不会搜索内联框架内的内容
width, height, name
-->
<iframe src='test2.html'></iframe>
<!--
a 标签
href='' 可以写一个#座位占位符, 若设置#自动跳转到页面的顶部; #id 可以跳转相应ID的元素;'mailto:邮件地址'直接跳转到邮件客户端
target 指定打开链接的位置 _self 当前窗口 _blank 新窗口打开 tom 在内联框架中打开
-->
<a href="https://www.bilibili.com/video/av59657634?p=17" target='_blank'>跳转</a>

<!--center标签默认居中显示-->
<center>
<p>段落</p>
</center>
<!--id 属性, 任何标签都可以设置id属性,在同一页面中不能重复 -->>

  </body>

</html>

 

字段间再多的空格也会当做一个空格,换行也会当做一个空格

<br />  换行标签

<hr /> 生成一个水平线

html 实体:

<> 在html不能直接使用, 需要使用一些特殊来标识  &lt; <    &gt; > $nbsp; 空格   @copy

posted @ 2020-03-03 14:41  帕丁顿  阅读(190)  评论(0)    收藏  举报