认识HTML

142 阅读3分钟
  1. 在正文第一句带上:小知识,大挑战!本文正在参与“       程序员必备小知识       ”创作活动
  2. 在正文第二句带上:本文同时参与 「掘力星计划」       ,赢取创作大礼包,挑战创作激励金

“走进HTML”

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

还在看着这些好看高级的网页暗暗羡慕吗?想明白它们是怎么做到的吗?点开这篇文章就对了,跟着我学习,你也能作出这么好的属于自己的网页,可以在自己的朋友面前小炫一番。废话少说,我们直接切入正题。

1.什么是HTML? HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 超文本:包含超链接的文本。鼠标移到其上,变为手形,可以点击打开新链接的。 2.HTML的发展: HTML在Web迅猛发展的过程中起着重要作用,有着重要的地位。但随着网络应用的深入,特别是电子商务的应用,HTML过于简单的缺陷很快凸现出来:HTML不可扩展。HTML不允许应用程序开发者为具体的应用环境定义自定义的标记。HTML只能用于信息显示。HTML可以设置文本和图片显示方式,但没有语义结构,即HTML显示数据是按照布局而非语义的。随着网络应用的发展,各行业对信息有着不同的需求,这些不同类型的信息未必都是以网页的形式显示出来。 3.HTML是最基础的网页语言 4.HTML的代码都是由标签所组成的,所以我们学习的重点就是标签。

HTML的基本格式

HTML全部都是由标签组成的,一般有开始标签和结束标签,他们是成对出现的,开始标签和结束标签一样,只是结束标签加了个“/”。

<html>            //开始标签

</html>           //结束标签

开始标签和结束标签之间有两部分:一种是头补内容,另一种是主体内容。 头部内容:里面的内容会先加载 主体内容:网页显示的主要内容

<html>            //开始标签

<head>
这是头部内容
</head>

<body>
这是主体内容
感谢关注,一起学习。
</body>

</html>           //结束标签

网页显示的结果:在这里插入图片描述 源代码:

<!DOCTYPE html>
<html>
  <head>
    <title>这是头部标签</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    这是主体标签 <br>
    感谢关注,共同学习。 <br>
  </body>
</html>

开发工具

创建网页用到的开发工具是MyEclipse10 * 第一步:安装JDK,配置环境变量 * 第二步:安装 MyEclipse 10.0 版本 * 第三步:安装成功之后不要运行,先破解 * 第四步:启动MyEclipse,选择工作空间 安装开发工具可能会遇到一些问题,我之前发过一篇文章,主要解决安装中遇到的难题. 遇到问题可以看一下这篇文章。 MyEclipse安装教程

我的小店 HTML课件PPT