学前端的第一门语言HTML

学前端最终要做的就是制作各种各样的网页,html就相当于网页的骨架,所以我们学习前端的第一步就是先学html,接下来学习什么是html。

什么是HTML?
HTML指的是超文本标记语言(Hyper Text Markup Language),是一种标记语言,使用标签来描述网页。HTML文档就是网页,web浏览器作用就是读取HTML文档,并以网页的形式显示出来。
 

HTML标签:

标记标签通常被称为HTML标签,标签由尖括号包围的关键字组成,通常都是成对出现的,有开始标签和结束标签,如<html></html>。浏览器不会显示html标签,而是使用标签来解释页面内容。
举例:<body>hello world </body>,网页只展示了hello world 其他内容并没有展示。
初入门的同学就会很好奇,明明代码很多,但是网页里只能看到hello world几个字,其他内容看不到,什么原因呢?
找到我们做的第一个hello world网页代码,如下:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        hello world
    </body>
</html>    

  

HTML文档结构
1、<!DOCTYPE html> DOCTYPE声明位于文档最前面,告知浏览器文档使用的那种HTML或XHTML规范。<!DOCTYPE html>是html5标准网页声明。
 
2、<head>是所有头部元素的容器,以下标签都可以添加到 head 部分:
1.<title>标题</title>所有html文档必需的,定义浏览器工具栏中的标题。
2.<base>标签设置页面上所有链接默认地址和默认打开方式。如下:
  <base href="http://www.baidu.com/" />
  <base target="_blank" />
3.<link>链接样式表,没有结束标签
  <link rel="stylesheet" type="text/css" href="mystyle.css" />
4.<meta>设置网页关键字和描述,主要针对搜索引擎。该标签永远位于head中,没有结束标签。
5.<script>用于引入javascript文件,该标签head 和body中均可加入,属于双标签。
6.<style>用于添加css样式,属于双标签。 
 
3、<body>定义文档的主体,即网页内需要展示的所有内容放入body中。
<body>
    所有需要展示到网页的内容
</body>

 

posted @ 2021-06-25 09:41  前端人  阅读(87)  评论(0编辑  收藏  举报