web 标签的总结

标签：break   view   visio   des   进入   viewport   bsp   trade   另一个   

       <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>

 特殊字符

•  ：空格 （non-breaking spacing，不断打空格）
• <：小于号（less than）
• >：大于号（greater than）
• &：符号&
• "：双引号
• '：单引号
• ©：版权?
• ™：商标?

<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:zhaoxu@tedu.cn">联系我们</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">

web 标签的总结

标签：break   view   visio   des   进入   viewport   bsp   trade   另一个   

原文地址：https://www.cnblogs.com/zsdbk/p/9068148.html