HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML超文本需要通过浏览器解析出来
这里的超文本是什么意思,姑且字面理解为超级本文,超过文本,也就是说比文本厉害的意思,那么这个超文本比文本厉害在哪呢?
文本
在计算机的领域里,文本是一种文档类型,主要用于记载和储存文字信息,而不是图像、声音和格式化数据。常见的文本文档的扩展名有txt、.doc.、.docx、.wps等,更狭义的理解是文本文档是以TXT后缀名的文件,为了便于理解,我们这里取文本狭义的含义txt文件。
我们都用过windows系统自带的记事本功能,功能类似把我们写在笔记本上的文字保存到电脑上,对于文本的显示方式,除了换行和改字体,其他的我们基本是无能为力的。
HTML超文本
HTML文档中除包含文字信息外,还可以包含其他信息媒体。HTML超文本在文本的表现力和组织上高出一大截。
下面举几个例子:
HTML文档能够给文字及图片添加超链接
通过超链接可以快速的检索我们需要的信息,超链接是HTML超文本的重要组成部分。
- 超链接标签<a>提供了target属性进行设置,取值分别为_self(自我覆盖,默认)、_blank(创建新窗口打开新页面)
- 超链接可以添加提示文字
- 超链接可以实现书签在页面中定义锚点,通过href属性可以根据name跳转到对应的锚。
<a href="#a1">跳到锚点1</a><br/>
<a href="https://www.baidu.com" target="_blank" alt="提示文字">百度</a>
<div id="a1">锚点1</div>
HTML定义了块级元素(block)和内联元素(inline)
HTML中的标签,尤其默认的样式,如有的标签会独占一行,有的允许和其他标签同在一行,通过选择不同的标签可以增强文本的表现力。
块级元素(block): 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
内联元素(inline): 和相邻的内联元素在同一行;
HTML定义表格
表格由 < table> 标签来定义。
HTML引入图像
通过img标签的src属性,可以引入图像
HTML定义列表
HTML列表标记主要有三种:有序列表(ol)、无序列表(ul)和定义列表(dl)
HTML定义表单
表单标签(form)用于网页中的数据提交,如:注册、登录等, form表单标签内可以包含输入框input、单选、多选、select下拉列表菜单与跳转菜单、提交按钮等标签。