html系统学习之二

参考资料来源W3Schoolhttp://www.w3school.com.cn

 测试锚

HTML 样式

html样式其实就是指元素的style属性,它提供了一种改变所有 HTML 元素的样式的通用方法。

注意样式的写法,首先在是一个属性,所以最外层是:style="  "   引号里面的写法注意了,形式为:属性:值;  其中值不需要引号,用分号隔开,看个例子

style=" background-color:#FFCC99; text-align:center; font-family:Verdana; font-size:15px; padding-top: 10px; padding-right: 12px;"

应该避免使用下面这些标签和属性:有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。

 

标签 描述
<center> 定义居中的内容。
<font> 和 <basefont> 定义 HTML 字体。
<s> 和 <strike> 定义删除线文本
<u> 定义下划线文本
属性 描述
align 定义文本的对齐方式,可以用style="text-align:center"
bgcolor 定义背景颜色,可以用style="background-color:yellow"
color 定义文本颜色,可以用style="font-family:arial;color:red;font-size:20px;"

对于以上这些标签和属性:请使用样式代替!我还在很多地方用<font>和<align>呢惊恐

 

关于超链接<a>,发现它还有个叫法:锚。以前一直认为超链接就是打开另一个网页,其实不然,它还可以打开网页后定位到具体的地方,对于大型文档很有用的,下面就来试一下,我先在这里做一个锚:

可以直接定位到这个地方哦

现在只要复制当前地址栏的地址,在后面加个#icicle_sign1试一下,在一个新的空页面打开就会直接跳传到这个地方了,定义锚的语句如下:

<a name="icicle_sign1"><strong>可以直接定位到这个地方哦</strong></a>

也可以本页实现,点击文章最上面的“测试锚”,其语句为<a href="#icicle_sign1">测试锚</a>

另外<a>还有个target属性,可以定义被链接的文档在何处显示,值"_blank"的意思是在新的窗口中打开,默认应该是当前窗口

明白了没?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章