您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

链接到另一个页面: click here! 这里的下划线是以带下划线的蓝

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 

我进修

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/1999/xhtml11/DTD/xhtml.dtd"My First PageHello World!

 一个网页的有的标签:<html>,<head>,<title>,<body>。可以用问题标签突出文本,如<h1>,<h2>,<h3>等。下面一些总结:

1.链接

  链接到另一个页面:

  

click here!

 

这里的下划线是以带下划线的蓝色字体表现,单击之后变为赤色。可用CSS修改这些属性:

color: font-weight: text-decoration:} a:hover{ background-color:gold; font-weight:bold; text-decoration:none; } a:active{ color:red; text-decoration:none; } a:visited{ color:red; font-weight:bold; text-decoration:none; }

 

可用相对地点链接到另一个文件夹的网页,如:

click here!click here!click here!

 

在新赏识器窗口中打开链接:

click here!My Page

链接到网页内部:

click here!I am hereclick here!

在网页中链接Email地点:

send message to me send message to me

2.文本对齐和列表

文本对齐:

textblock

列表:

order oneorder twoorder threeitemitemitemtermdefination

其它,可在<ul>,<ol>,<li>标签中行使"list-style-type"指定项目的记范例。

<pre>可将文本名目化为等宽字体,而且在<pre>中行使的空格和分行将被保存。

3.图像


将图像放到网页中:

"src"标识图像的位置; "alt"指定图像的描写性文本,当图像不行见时,可看到该属性指定的文本; "title"提供在图像可见时对图像的描写;图像可所以GIF,PNG,JPEG名目标图像文件-->

对齐图像:

文本与图像的垂直对齐: "text-top"暗示图像的顶部与统一行中最高的图像或文本的顶部对齐,"middle"图像的中心与统一行中其他内容的中心对齐; "text-bottom"暗示图像的底部与文本的底部对齐;"baseline"暗示图像的底部与文本的基线对齐-->

将图像变为链接:

图像映射:

4.自界说配景和颜色


配景颜色和文本颜色:

 

配景图像:

好了,这就是我最近进修HTML的扼要总结,感谢各人的赏识。

 

 

 

 

(