HTML——基础标签

    HTML，超文本编辑语言。这是一种标签语言！！！它具有一种对称的结构。

    例如：

	
	
	
	

	
标题
    
段落

      ==>  是告诉搜索引擎爬虫，我们的网站是关于什么内容的。SEO搜索引擎优化。

    标签里面是用户不可见的，里面放的是这个页面的“思想”。而标签内放的是这个页面的内容。

    title标签，存放的是页面的头名。而meta标签里面，存放得是页面字体的格式，比如Unicode字符集，utf-8（Unicode的超集）、gbk（亚洲文字字符集）等等。规定了字符格式，就可以避免 页面出现乱码问题。

   而在body标签下，主要的标签有如下几个：

    标签是标题标签，显示是一个文章或者页面的标题内容。有1-6,6种大小。而

标签，是段落标签，主要显示段落文字。

    其次非常重要的两个标签是

和标签！

   

标签和标签没有具体的作用，但是在HTML中充当了容器的重要作用！！！

   那什么是容器呢？容器就好比我们生活中的衣柜、书柜，没有这些柜子，我们依旧可以生活，但是有了它们后，我们的生活会非常方便！而容器也类似于这些生活中的柜子等。容器使我们的代码分块明确，比如我们用

标签把某一个功能房放一块，另外一个功能有放到一个

标签中。这样我们的代码就非常整洁、清晰，让页面更加结构化！易于维护、编写。其次，容器有捆绑操作的优势，即绑定化操作。而在以后的页面即式修改中，有了容器我们就可以非常方便的对容器内的页面样式进行修改。

    接下来，我们对HTML中的一些重要标签以及性质进行较为详细的介绍。

  （1）空格在编辑器中的含义是文字分隔符，所以在HTML中，不论写几个空格，输出都只显示一个空格。同理回车代表的也是文字分隔符。所以在HTML中，我们使用HTML编码特殊字符来代表空格文本这一类的特殊字符，比如 代表的就是文本空格。而
这个标签代表的是回车意思。一个
代表一个回车，两个
标签代表两个回车。

   （2）列表标签：

    有序列表与无序列表：

	
	
	

	
    

		
a
		
b
		
c
		
d
	
    
    

		
a
		
b
		
c
		
d
	
	
    

		
a
		
b
		
c
		
d
	
	
    

		
a
		
b
		
c
		
d
	
	
    

		
a
		
b
		
c
		
d
	

    ul和li属于父子结构，有这样的功能，一个大的功能由许多小的功能子项组成，而小的功能子项的样式和大功能基本没有区别，这个时候，我们使用ul和li这种父子结构来编码。比如网站中的导航栏就符合这种父子结构，我们一般使用ul和li来做。

    （3）标签

    （4）标签

a标签主要是实现超链接效果。

1、超链接功能：href属性中存放链接地址，而在target中，我们可以设置点击链接后页面的跳转方式（是当前页面加载或者新页面加载等）；

2、锚点功能：herf属性中存放某个标签的id，那么点击这个超链接，我们就会跳转到这个id的标签处；

3、（重要！！！）打电话功能：

,接下来如果在手机端点击这个链接，那么这个链接就会调用手机中的电话功能，拨打电话到123123这个号码。这个功能在移动端使用非常广泛。

4、协议限定符：这里点击这个链接，会强制运行一个JavaScript代码。

点击我呀！   

（5）

表单标签：

下面我们来一段完整的form标签的代码，根据代码来分析其功能。

    

    username：
    
    

    password：
    
    

    选择：
    1
    2
    3
    4
    5
    6
    7
    
    
    

    

 

上面所讲就基本上是HTML的主要内容。总而言之，HTML是 网站的骨架！而编程就是一个一步步完善我们的idea的过程。我们通过编程将我们思考的东西一步步实现。所以，通过学习编程我们应该记住，任何东西都不是一蹴而就的，我们要一步步完善，一步步前进。

最后 ，我们通过前面所学的知识以及一点点JavaScript知识，我们来简单实现一个输入框的自动提示以及输入后的消失功能，代码如下：

	
	
	
	

    
	

	username：
	
	

	password：