Web前端-HTML标签

Web前端笔记

第一部分：HTML学习

HTML快速创建，配合tab键使用

• table>tr>td*4 一个表格，一行四列
• table>(tr>td*5)*6 一个表格下面创建5列6行的表格

HTML概述

1. 什么是HTML

• HTML是用来描述网页的一种语言
  • 超文本标记语言（HyperTextMarkupLanguage),是一种用于创建网页的标准标记语言
  • HTML不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签（markup tag）
  • HTML文档包含了HTML标签及文本内容
  • HTML文档也叫web页面

2. HTML元素

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

2.1. HTML元素属性

• HTML标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
• 属性总是以名称=值对的形式出现，比如：name=“value”。
• 属性总是在HTML元素的开始标签中规定。
• 注意：
  • 属性值必须以双引号引起来
  • 标签都用小写字母
  • 双标签必须写闭合标签

2.2. HTML块元素

• HTML块元素

  • 大多数HTML元素被定义为块级元素或内联元素。
  • “块级元素”译为 block level element，“内联元素”译为 inline element。
  • 块级元素在浏览器显示时，通常会以新行来开始（和结束）。
    -比如：

    ,

    ,

    • ,

• HTML内联元素

  • 内联元素在显示时通常不会以新行开始。
    • 例子：, , ,
• 元素是块级元素，它是可用于组合其他 HTML 元素的容器。 -

  元素没有特定的含义。除此之外，由于它属于块级元素，会自动换行。 - p标签自带样式，段落前后会自动空一行，div标签不会像p标签一样前后自动空一行 - 如果与CSS一同使用，

  元素可用于对大的内容块设置样式属性。 -

  元素的另一个常见的用途是文档布局

  </