HTML快速入门

比眉伴天荒 2022-08-10 15:51 27阅读 0赞

我们经常上网浏览网页，来获取资讯。可网页是什么呢？它又是如何编写出来的呢？

网页又叫Web页面，我们经常可以在网页上看到文字、图片、视频等。我们所要说的HTML（超文本标记语言）就是构成网页文档的主要语言，也是网页设计的核心语言。

首先，我们先来理解下三个概念：HTML，HTML文档和HTML标签。

HTML  
          描述网页的一种语言。  
          超文本标记语言 ，而非编程语言。  
          标记语言是一套标记标签 (markup tag)  
  
HTML 文档   
          描述网页  
         包含 HTML 标签和纯文本  
         也被称为网页

HTML 标签  
          也叫 标记标签  
          是由尖括号包围的关键词，比如 <html>  
          通常是成对出现的，比如 <b> 和 </b>  
          第一个标签是开始标签，第二个标签是结束标签

梳理这三者的关系，HTML文档是由HTML这种标记语言编写的，它包括标签和文本元素。所以我们重点来说一下HTML文档，了解了HTML文档，就对HTML有了一个大致的了解。

[![SouthEast][]][SouthEast 1]

下面就通过几个例子来实践下吧！

HTML的基本结构：

通过网页显示文本，并对文本的样式进行简单的设定。

<html>
    	<head><title>白头吟</title></head>
    	<body>
    		<center>
    		
    			<h2><font color="black"><b>白头吟</b></font></h2><br>
    		
    			<font color="black" size="2">作者：卓文君</font><br><br>
    		
    		<font color="green" size="4">皑如山上雪，皎若云间月。<br>
    		闻君有两意，故来相决绝。<br>
    		今日斗酒会，明旦沟水头。<br>
    		躞蹀御沟上，沟水东西流。<br>
    		凄凄复凄凄，嫁娶不须啼。<br>
    		愿得一心人，白头不相离。<br>
    		竹竿何袅袅，鱼尾何簁簁！<br>
    		男儿重意气，何用钱刀为！
    		</font>
    		</center>
    	</body>
    </html>

![SouthEast 2][]

接下来是一个课程表的表格，用到的标签主要有<table>,<tr>，<th>,<td>等。

![SouthEast 3][]

下面我们来制作一个注册的表单，主要就是<input>元素的使用，它用于接受用户输入的信息，主要属性是type。

![SouthEast 4][]