前端开发每天必学之HTML入门介绍

2020-04-16 21:22:50易采站长站整理

    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <title>认识html文件基本结构</title>  
    </head>  
    <body>  
        <h1>在本小节中,你将学会认识html文件基本结构</h1>  
</body>  
  

1.6 head标签

 •标签的作用:文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
 •下面的标签可以在head部分:

XML/HTML Code复制内容到剪贴板

<head>  
    <title>…</title>  
    <meta>  
    <link>  
    <style>…</style>  
    <script>…</script>  
</head>  

 •<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
例如,<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来,如图: 

XML/HTML Code复制内容到剪贴板

<head>  
    <title>hello world</title>  
</head>  

1.7 了解HTML的代码注释

代码注释的作用:帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
语法:

<!–注释文字 –>

下面代码的第 8、12 行都是注释代码,但是发现他们是不会在结果窗口中显示出来的:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">