包含html语言的超链接标记的网页_HTML入门

点击触发

一 什么是HTML文件？

HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术(如：脚本语言、公共网关接口、组件等)，可以创造出功能强大的网页。因而，超级文本标记语言是万维网(Web)编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些标记，中文称“标记”。

一个HTML文件的后缀名是.htm或者是.html。

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网(WWW)盛行的原因之一，其主要特点如下：

☀ 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

☀ 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

☀ 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网(WWW)盛行的另一个原因。

☀ 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

用文本编辑器就可以编写HTML文件。

新建一个记事本文件，然后写入以下代码到这个新文件，然后将这个文件存成first.html

解析如下：

这个文件的第一个标记是，这个标记告诉你的浏览器这是HTML文件的头。文件的最后一个标记是，表示HTML文件到此结束。

在

和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

在

和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在

和之间的信息，是正文。

在和之间的文字，用粗体表示。顾名思义，就是bold的意思。

HTML文件看上去和一般文本类似，但是它比一般文本多了标记，比如，等，通过这些标记，可以告诉浏览器如何显示这个文件。

二html 的基本结构HTML的文档结构如图所示：

 

除了基本结构外，还有一些默认信息，网站一般都有这些默认信息图如下图所示，这些默认信息在一般的HTML代码编辑器上都会默认打出:

三标题字标签 HTML语言提供了一系列对文本中的标题进行操作的标签对。标题(Heading)是通过

……

即一共六对标签进行定义的。

定义最大的标题，而

定义最小的标题，即标签中h后面的数字越大标题文本就越小。 语法是：

这是1号标题

这是2号标题

这是3号标题

这是4号标题

这是5号标题

这是6号标题

标题字对齐属性align：语法是：

align的属性值包括:

Left(左对齐)

Center(居中)

Right(右对齐)

如下图：

 

四其他标签： HTML TAG 段落标签 换行标签 超链接的概念

链接标签的常用属性href：指定链接地址；target：指定链接的目标窗口。title：鼠标悬停文字提示.rel:阻止传递权重。

例：

插入图片

☀ 图像源文件属性src：src属性用于指定图像源文件所在的路径

☀ 图像的提示文字alt：提示文字有两个作用 

☀ 图像的宽度和高度width、height

例：

  今天关于HTML暂时先分享这么多，感谢各位小伙伴捧场，后续会给各位小伙伴推出更多精彩内容哦！

往期回顾：

SEO——目标关键词的确定

网络营销，你想知道什么是SEM么？

干货|福利来袭，设计师必看！！！

提升直通车点击率核心——人群标签