一、什么是HTML
HTML是一种超文本的标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
也就是说浏览器可以通过这一套语言能够将页面按照一种语言格式渲染出来。我们在浏览器上看到的每一个页面就是一个html文件经过浏览器渲染出来的页面。
二、怎么么使用HTML
我们在使用html,我们先看html文档撰写的格式。
那些带<尖括号>的叫做标签。
<!doctype html>
<html lang="en">
<head>
<!--可以用meta标签来设置网页的字符集,避免乱码-->
<meta charset = "utf-8">
<title>网页结构</title>
</head>
<!--网页编写语言的迭代
(1)网页的版本:
html4
xhtml
h5.。
文档申明<doctype>
-用来告诉浏览器当前网页的版本
<!doctype html>
-->
<body>你好,世界!</body>
</html>
(1)HTML经过了四个大版本的迭代,我们在编写html网页时需要在<doctype>中标注出我们使用的语法格式。也就是上述代码中的<!doctype html>
(2)我们的所有的页面内容在<html></html>标签中书写
- <html></html>标签:html标签是根元素,lang=“en”表示网页为英文,中文用lang=“zh”表示。
- <head></head>标签:head是网页的头部,用来帮助浏览器索引和解析网页,例如:字符集,页面的标题
- <meta>标签:设置网页字符集。
- <title></title>标签:设置网页标题(浏览器标签名)
- <body></body>标签:body是html的一个子元素,在这里编写所有的页面内容
- 标签:这里面写的所有东西,都不会被写到浏览器中,主要用于程序员阅读文档。
三、第一个网页
你在桌面新建一个文本文档,将上面代码块复制到文件中,然后把他的文件名改成:第一个网页.html。双击打开刚刚那个文件,你就会得到以下页面。
![](https://img.haomeiwen.com/i12824314/913cdc9303be0084.jpg)
四、开启前端学习之路。
不用被眼花缭乱的教程所唬住,或许我写的内容可能会出现错误,表达也没有教科书的严谨,或许我写的这些也不够详细。但是这是我的理解和所学习过的知识,利用这个平台做笔记,同时也给你们一些帮助。HTML+CSS+JavaScript是前端学习的必经之路,加油,不会很难,一两个月就能学会!只要多练习,我们一定会学好的。一起加油!
网友评论