美文网首页
HTML注意事项(学习笔记)

HTML注意事项(学习笔记)

作者: zhangxt456 | 来源:发表于2020-06-12 16:58 被阅读0次

1、<br>在所有浏览器中都是有效的,但使用 <br />其实是更长远的保障。类似的标签也一样

2、标签最好用小写,未来的版本中可能强制用小写

3、标签属性

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'

4、标题

搜索引擎使用标题为您的网页的结构和内容编制索引。

5、水平线

<hr />标签在 HTML 页面中创建水平线。

6、段落 <p></p>

浏览器会自动地在段落的前后添加空行。(<p>是块级元素)

7、HTML 输出

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

8、样式style

style 属性用于改变 HTML 元素的样式。

9、预格式文本

<p>pre 标签保留了空格和换行,很适合显示计算机代码:</p>

<pre>
for i = 1 to 10
     print i
next i
</pre>

10、HTML 链接 - name 属性

<a name="label">锚(显示在页面上的文本)</a>
a标签的name属性规定锚(anchor)的名称。
当使用命名锚(named anchors)时,我们可以创建直接跳至页面中该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
小提示:可以使用 id 属性来替代 name 属性,命名锚同样有效。

实例

首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
您也可以在其他页面中创建指向该锚的链接:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。
具体效果:https://www.w3school.com.cn/html/html_links.asp#tips

相关文章

  • HTML注意事项(学习笔记)

    1、
    在所有浏览器中都是有效的,但使用
    其实是更长远的保障。类似的标签也一样 2、标签最好用小写...

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之音视频标签

    HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记...

  • html

    html学习笔记

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • HTML5—HTML学习

    HTML学习感想: 下面大致的记录了一写HTML的学习笔记 什么是HTML? HTML 是HyperText Ma...

  • 初学HTML

    学习笔记(四)初学HTML HTML初步认识 HTML是英语HyperText Markup Language的缩...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

网友评论

      本文标题:HTML注意事项(学习笔记)

      本文链接:https://www.haomeiwen.com/subject/bukntktx.html