HTML自学笔记-1(进入篇)

  自学HTML两周了,对网站前端有了一点点最初的概念;有没有和我一样刚刚开始学习的小可爱,一起来交流进步吧!

首先给大家推荐一个网站https://www.w3school.com.cn/html/html_tables.asp,这是W3school的官网,里面有对HTML等很多内容的讲解,可以当作教材辅助学习哦。

上图片,看一下吧

HTML自学笔记-1(进入篇)

常见的前端开发工具也很多,例如editplus/nodepad++;Dreamwaver;sublime;WebStorm等等,因为前段时间自学了一点点JAVA,所以我现在用的是 IDEA,本人觉得这款软件非常之好用,无论是写JAVA代码,还是现在写HTML,软件里面提供了很多快捷方式。

下载Idea之后首先打开,然后新建一个项目file--new--project,之后新建一个HTMLfile,具体步骤如下图

 

HTML自学笔记-1(进入篇)

HTML自学笔记-1(进入篇)

新建好之后里面是这样

HTML自学笔记-1(进入篇)

里面的几行代码就是网页的一个固定格式了

 那么现在我们来简单的逐行解读一下

  1. 
<!DOCTYPE html>   (!DOCTYPE是DTD文档声明,这是HTML5的文档声明)(<html> 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>)
  2.
   <meta charset="UTF-8">  (meta是字符集,我的理解就是语言(例如中文,英语等等),我们常用的就是UTF-8)
  3.
  <title>  </title>     (title中间的内容用来写网页的名字)
  4.
   <body>  </body>  ( body元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。)

本篇到此为止了,下一篇记录HTML的基础标签