HTML基础标签详解-优快云博客

9:16 2019/2/26/周二

/////////////////////////////
///,head 里面的非meta标签 ://///
///////////////////////////

<link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">在head里面的这一句话，表示的是，图标。在Title旁边的图标


//shortcut icon和icon:

因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。

/////////////////////////////
///,body 里面的标签 ://///
///////////////////////////

<h1>hellow,word!</h1>//块级标签，单独张一行，一般作为标题，有加黑的。
<h2>hellow,word!</h2>//这个里面的文字，是比<h1>标签更加小的一个标签。
<p>备用图像（例如动画GIF）时<br>，才有必要添加第二行。</p>//p标签同样是块级标签同样是独占一行，但是里面的东西更像一个整体其中<br>属于换行。

<p>:段落标签，包裹的内容被换行，并且上下也有一段空白
<b> <strong> :加粗标签。
<strick>:为文字加上一条中线。
<em>：文字变成斜体。
<br>文字换行。
<hr>水平线。


/////////
比如：
<em>文字变成斜体</em>
<hr>水平线<hr>
<b>加粗</b>
<strike>99.99</strike>
3<sub>2</sub>//表示3的平方的样式。
2<sub>3</sub>
/////////////////////
div标签盒子
/////////////////////
<div>   hellow</div>//并没有渲染的功能。就相当于画画中的一站纯白纸。可以通过其他东西对里面的文件进行渲染。

//块级标签和内联标签
：块级标签：单独占一行。
  内联标签：不单独占一行。
 
特殊字符&nbsp表示空格。
 
//<span> </span>这个是个内联标签，同样和div标签一样，都没有效果。
块级标签可以嵌套其他的标签。
但是内联标签只能嵌套内联标签。

//

/////////////////////
image标签
/////////////////////
<img src="timg.jpg" alt="动漫图片" title="动漫女" width="120" height="220" >
其中 alt表示如果图片加载不出来就会出现里面的文字，，title表示悬浮解释名称。

///////////////////////
a标签
/////////////////////
<a href="http://www.17k.com/" target="_blank"><img src="timg.jpg" alt="动漫图片" title="动漫女" width="120" height="220" ></a>

//点击图片跳转到其他页面刷新到新的页面。target="_blank"是由target来实现的。
///////////////////////
<ul>和<ol>和<dl>列表标签
/////////////////////

<ol >//表示有序列表
    <li>wo</li>
    <li>aa</li>
    <li>bb</li>
    <li>aa</li>
</ol>
<ul >//表示无序列表
    <li>wo</li>
    <li>aa</li>
    <li>bb</li>
    <li>aa</li>
</ul>
////
<dl > 
    <dt>第一章</dt>
    <dd>第一节</dd>
    <dd>第二节</dd>
    <dd>第三节</dd>
</dl>
显示结果：
第一章
    第一节
    第二节
    第三节