html5 标签(01)

 

 

html标签：

  单标签:单个出现。

  双标签:成对出现

  非法标签:没有任何意义

<html>:文档正式开始的部分

  <head>

  <!--所有需要交给搜索引擎、浏览器查询、参考的数据添加到head标签-->

      <title>文档标题</title>

      <style type="text/css>样式</style>:/*在HTML代码中为CSS开辟环境*/

      <script type="text/javascript"></script>:在HTML代码中为js开辟环境

  </head>
  <!--所有需要让用户看到的数据,在body标签中-->

  <body>
   <!--添加各种标签-->

   <!--h:标题标签    文本大小不同-->
   <h1></h1>...<h6></h6>  

   <!--
       p标签(块标签)  文本 一段话  换行
       p标签内可以包裹行内标签
  -->

   <p></p>
<p>一抹浅浅的旧时光</p>

<p>一抹浅浅<span style="color: blue">的</span>旧时光</p>

<!--
行内标签 用来包裹需要添加特殊样式的文字,通过给span添加样式
进而达到修改特殊文字样式的目的
-->
<span>因为不确定所以才有更多可能</span>

<!--超链接a:通过点击可以跳转到另一个界面,是一个行内标签-->
<a href="http://www.baidu.com>百度一下</a>
<!--锚点:点击A标签后面滚动到对应的锚点位置-->
<!--把a标签的href属性值修改为某个标签的id值,则用户点击了该A标签,页面会  
      跳转到本页中对应的id标签的起始位置-->
<a href="#百度>百度</a>
<p id="百度">百度:.................</p>

<!--强制换行-->
<br />
<!--边框线  不多用-->
<hr />


<!-- 
 src属性 值可以使图片的绝对路径,也可以是相对路径,一般存放相对路径
 以防止代码移动位置后导致图片无法加载的现象
 -->
 <!-- ../:表示从当前的位置向上返回一级 -->
 <!-- alt属性值:在图片无法正常加载时显示 -->
 <!-- title属性值：当鼠标移入图片后若干秒后显示的文字 -->
 <img src="../C:\Users\JSM\Desktop\images/k7.jpg" alt="karry" title="karry漫画">


<!-- 边框线 不多用-->
 <hr />


<!-- ol:order-list:有序列表 -->
<!-- li:list-item:列表项 -->
<!-- 有编号 type:修改编号样式 A(A B C) a(a b c) i(i  ii  iii) I(I II III)     其他或不添加:1 2 3 4 ...-->
 <ol type="A">
     <li>吃饭</li>
     <li>睡觉</li>
     <li>打豆豆</li>
 </ol>

<!--list-style:none没有样式，没有前面的编号-->
 <ol>
     <li style="list-style: none;">吃饭</li>
     <li style="list-style: none;">睡觉</li>
     <li style="list-style: none;">打豆豆</li>
 </ol>

 <!-- ul:无序列表 默认垂直-->

 <ul>
     <li><a href="#">糯米</a></li>
     <li><a href="#">新闻</a></li>
 </ul>


 <ul>
<!--display:inline转为行内标签  display:inline-block:行内标签+块标签-->

     <li style="list-style: none; display: inline;"><a href="#">糯米</a></li>
     <li style="list-style: none; display: inline;"><a href="#">新闻</a></li>
 </ul>
</body>

 

 

  

 

posted on 2016-12-22 10:46  乄Dream灬素梦丶  阅读(166)  评论(0)    收藏  举报

导航