HTML每日学习笔记(0)

2019.7.14

1.属性为 HTML 元素提供附加信息,总是在 HTML 元素的开始标签中规定。

例子:<h1 align="center"> 对齐方式

        <body bgcolor="yellow"> 背景颜色

       <table border="1"> 表格边框

2. <hr /> 标签在 HTML 页面中创建水平(分割)线。

3.注释写法<! xxxx  >

   条件注释

<!--[if IE 8]>

    .... some HTML here ....

<![endif]-->

4.<br />换行

5. 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

6.属性尽量用样式代替——采取style属性

例子:<h2 style="background-color:red">This is a heading</h2>

         <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

<h1 style="text-align:center">This is a heading</h1>

7.<pre>标签保留多个空格和换行

8.改变文字方向(浏览器支持bdo—bi-directional override):
<bdo dir="rtl">

Here is some Hebrew text

</bdo>

9.长引用<blockquote>浏览器会插入换行和外边距,短引用<q>无特殊表现(只加“”)

10. HTML <abbr> 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

11. HTML <dfn> 元素定义项目或缩写的定义

11.1如果设置了 <dfn> 元素的 title 属性,则定义项目:

<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>

11.2 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:

<p>The

<dfn><abbr title="World Health Organization">WHO</abbr></dfn>

was founded in 1948.

</p>

(加dfn后WHO在浏览器上为斜体)

11.3 否则,<dfn> 文本内容即是项目,并且父元素包含定义:

<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>

(没用,尽量使用11.1或用<abbr>代替)

12. 使用 Target 属性,你可以定义被链接的文档在何处显示。

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

13. name 属性规定锚(anchor)的名称。使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接。(目录等 )

例:

首先,我们在 HTML 文档中对锚进行命名(创建书签):

<a name="tips">基本的注意事项 - 有用的提示</a>

然后,我们在同一个文档中创建指向该锚的链接:

<a href="#tips">有用的提示</a>

也可以在其他页面中创建指向该锚的链接:

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。

猜你喜欢

转载自www.cnblogs.com/zccfrancis/p/11184764.html