HTML标签认识

一,HTML标签:

1. head标签:

        子标签<meta/>  通过该标签来声明文本的类型 以及编码格式

           <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

           content:当前文本类型:text/html

           http-equiv="Content-Type"

meta标签还有其他的属性

name属性值:keyword(决定网页排名因素)

例:<meta name=”keywords”content=”java-php-pyhon-c”/>

description(描述当前这个页面的主要内容)

例:<meta name=”description”content=”这是一个网站!”/>

2.注释:<!—

-->

3.滚动标签:<marqueebehavior=” slide” direction=”down” scrollamount=”3”>滚动标签</marquee>

4.段落缩进标签:<blockquote>段落缩进</blockquote>

5.上下标标签:

下标:_…例:Y的x次方:Y^X

上标:^…

1. 原样输出标签:<pre>…</pre>

2. 有序列表标签:<ol>

<li>列表一</li>

<li>列表二</li>

<li>列表三</li>

<li>列表四</li>

                </ol>

3. 无序列表:<ul>

<li>列表一</li>

<li>列表二</li>

<li>列表三</li>

            </ul>

4. 斜体标签:<em>斜体标签</em>

5. 粗体标签:<strong>粗体标签</strong>

6. 超链接标签:

<a>这是一个超链接</a>

Href: 连接到的资源文件(包含一些图片文件),也可以连接URL(统一资源定位符号)

Target:打开资源文件的一种方式

        两个常用的值:_blank新建一个窗口打开

                    _self:在当前窗口直接打开

13超链接的作用:

(1) 可以链接到资源文件或者资源地址

(2) 可以作为锚链接来使用

14.锚链接的使用:

         在同一页面下进行转换

(1)创建一个跳转标记<a name=”name”></a>

(2)跳转到标记<a name=”#name属性值”>开始跳转</a>

  在不同页面下进行转换

(1)创建一个跳转标签<a name=”name”></a>

(2)跳转到标记<a href=”xxx.html#name属性值”>开始跳转</a>

15.图像标签:<img />

常见的属性值:src:链接到图片的资源文件

            Title:鼠标移到图片上时,会显示提示文字

            Alt:当图片文件失效时,会有代替文本

            Width:图片的宽度

            Height:图片的高度

16.表格标签:

<table></table>

<th></th>加粗并且居中

<tr></tr>单元行

<td></td>单元格

<caption></caption>表格的标题

Table标签常用的几个属性:

Border:表格的边框 1px

Width:表格的宽度

Height:表格的高度

Align:表格的对齐方式:center rightleft

行合并:rowspan   列合并:clospan