web 标签的总结

       <h1><font></font></h1>

  <h1 id="head"></h1>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
<meta name="Description" content="网易是中国领先的互联网技术公司," />
<meta name=viewport content="width=device-width, initial-scale=1">
<font face="微软雅黑" color="green" size="8">字体</font>
   <h1>路飞学城</h1>
    <h2>路飞学城</h2>
    <h3>路飞学城</h3>
    <h4>路飞学城</h4>
    <h5>路飞学城</h5>
    <h6>路飞学城</h6>

<b>小马哥</b>
<strong>小马哥</strong>
<u>小马哥</u>
<s>小马哥</s>
<i>小马哥</i>
<em>小马哥</em>
5<sup>2</sup>
8<sub>2</sub>


 特殊字符

  • &nbsp;:空格 (non-breaking spacing,不断打空格)
  • &lt;:小于号(less than)
  • &gt;:大于号(greater than)
  • &amp;:符号&
  • &quot;:双引号
  • &apos;:单引号
  • &copy;:版权©
  • &trade;:商标
<p align="center">这是另一个段落</p>
 

块级标签 <div>和<span>

 

div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。CSS课程中你将知道,这两个东西,都是最最重要的“盒子”。

 
 
 

div:把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。

 

div标签的属性:

 
  • align="属性值":设置块儿的位置。属性值可选择:left、right、 center
 

<span><div>唯一的区别在于<span>是不换行的,而<div>是换行的。

 

如果单独在网页中插入这两个元素,不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。或者说,DIV+CSS来实现各种样式。

<div class="header">
    <div class="logo"></div>
        <div class="nav"></div>
    </div>
    <div class="content">
        <div class="guanggao"></div>
        <div class="shop"></div>
    </div>
<div class="footer"></div>


This <br> is a para<br>graph with line breaks

<p>小马哥</p>
    <hr>
    <hr>
<p>我是段落</p>
This <br> is a para<br>graph with line breaks

<center>
       <p>小马哥</p>
</center>    



 <pre>
        鹅鹅鹅

            作者:李白
        曲项向天歌
        白毛浮绿水
        
    </pre>


<a href="new.html">点击进入到新网页</a>


<a href="http://www.baidu.com" target="_blank">进入百度</a>

<a href="new.hhml#top">回到顶部</a>

<a href="mailto:[email protected]">联系我们</a>

<a href="#">跳转到顶部</a>

<a href="javascript:alert(1)">内容</a>
  <a href="javascript:;">内容</a>

  1. javascript:;表示什么都不执行,这样点击<a>时就没有任何反应 例如:<a href="javascrip:;">内容</2
  2. javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码。 例如:<ahref="javascript:alert()">内容</a>
  • href:目标URL
  • title:悬停文本。
  • name:主要用于设置一个锚点的名称。
  • target:告诉浏览器用什么方式来打开目标页面。target属性有以下几个值:
    • _self:在同一个网页中显示(默认值)
    • _blank在新的窗口中打开
    • _parent:在父窗口中显示
    • _top:在顶级窗口中显示

blank就是“空白”的意思,就表示新建一个空白窗口。为啥有一个_ ,就是规定,没啥好解释的。
也就是说,如果不写target=”_blank”那么就是在相同的标签页打开,如果写了target=”_blank”,就是在新的空白标签页中打开。

<img src="images/bojie.jpeg" alt="波姐" title='波多野结衣' width="400" height="400">
 

猜你喜欢

转载自www.cnblogs.com/zsdbk/p/9068148.html
今日推荐