HTML学习笔记--元素

1.

开始标签称为起始标签,结束标签称为闭合标签

      openging tag    closing tag

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

如果忘记了闭合标签,有可能正常显示,也可能产生不可预料的结果或错误。

<br>是没有闭合标签的空元素,现在最好用<br/>

2.

HTML标签对大小写不敏感。许多多站都用大写的HTML标签。

HTML4推荐小写,(X)HTML 版本中强制使用小写。

3.

HTML属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"

如:<a href="http://www.runoob.com">这是一个链接</a>

属性值可用双引号也可用单引号。属性和属性值对大小写不敏感

4.

HTML标题

通过<h1>到<h6>标签进行定义的

h1最大,h6最小

将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

5

水平线

<hr>

6.

注释

<!-- 这是一个注释 -->

7.

HTML 输出- 使用提醒

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。

对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

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

8.

target属性

target属性值设置链接的文档是在新窗口打开还是当前窗口打开。

<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

_blank为新窗口打开超链接

9

HTML链接 ID属性

用于创建在一个HTML文档书签标记。在文档中是不显示的。

如:<a id="tips">有用的提示部分</a>

10.

base元素

描述了基本的链接地址或者链接目标,该标签作为HTML文档中所有的链接标签的默认链接:

<base href="http://www.runoob.com/images/" target="_blank">

11.
link元素

<link> 标签定义了文档与外部资源之间的关系。

<link> 标签通常用于链接到样式表:

<link rel="stylesheet" type="text/css" href="mystyle.css">

12.

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

<style type="text/css"> body {background-color:yellow} p {color:blue} </style>

13.

meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta> 一般放置于 <head> 区域

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

14.

<script>标签用于加载脚本文件,如: JavaScript。

<script> 元素在以后的章节中会详细描述。

猜你喜欢

转载自www.cnblogs.com/pady/p/10261504.html