天天看点

Html--部分标签的使用

(一)头标签

头标签都放在<head></head>头部分之间。

包括:title  base  meta  link

☆ <base>

href 属性:指定网页中所有的超链接的目录。target 属性:指定打开超链接的方式,如_blank 表示所有的超链接都用新窗口打开显示。 

举例:<base href="../b/" target="_blank" rel="external nofollow" >

<!-- 更改当前目录,把当前目录设置b 为所有的超链接设置起始目录-->

☆ <meta> 

name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

http-equiv 属性:模拟HTTP协议的响应消息头。 

举例:<meta name="keywords" content="湖南 11 java">content属性的内容都可以作为搜索引擎的关键字进行搜索。

☆<link>

rel 属性:描述目标文档与当前文档的关系。type 属性:文档类型。media:指定目标文档在哪种设备上起作用。

举例:<link rel="stylesheet" type="text/css" href="Pub.css" target="_blank" rel="external nofollow" ></link>

(二)其他标签

☆<marquee> 

direction 属性:left  right  down  up

behavior 属性:scroll  alternate  slide

举例:<marquee behavior="scroll" scrollamount="10" scrolldelay="10">

<!--marquee页面中图片的滚动  -->

<!-- scrollamount 加速 -->

<!--scrolldelay 减速 -->

<img alt="" src="pics/4.jpg"> <img alt="" src="pics/3.jpg">

<img alt="" src="pics/bg.jpg" width="100px" height="150px">

</marquee>

<!--direction设置滚动的方向 -->

<marquee direction="down" behavior="scroll">

<font>21144145</font>

☆<pre>

可以将文本内容按在代码区的样子显示在页面上。

举例:<!-- 可以将普通纯文本内容按在代码区的样子显示在页面上。对标签无效 -->

<pre>

aaaa    bbbb

class Hello{

 private String name;

 public void setName(String name){

    this.name=name;

 }

}

</pre>

Html--部分标签的使用

(三)标签分为两大类

☆标签分为两大类

1) 块级标签(元素):标签结束后都有换行。 div p dl ol ul table title

2) 行内标签(元素):标签结束后没有换行。 font span img input select a

(四)附注一个label标签的演示

<!-- 以下演示label标记 ---按快捷键:Alt+U,即可直接把焦点聚在user编程框中-->

<label for="user" accesskey="u"> 用户名u </label>

<!-- alt+u 快捷键,直接到u的输入框 -->

<input type="text" id="user">

Html--部分标签的使用