你的位置:首页 > 网页设计

[网页设计]HTML学习开篇


最近开的博客,一切都是从零开始,昨天刚写了java的开篇,今天写一写HTML开篇。

很多初学者都不太看重前端的学习,甚至鄙视前端,我刚开始时就这样。其实,要想成为一个真正的程序员,前端和后端都必须了解,然后再重点向自己想成为的方向发展。废话少说,无论你想成为哪方面的程序员,前端都是要学的。


前端知识学校好像不教,反正我的学校不学。介绍几个学习HTML的地方。慕课网,w3school,codecadmy.

这次简单介绍下HTML的基本结构。

what is HTML?

HTML stands for Hyper Text Markup Language.

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

 

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签闭合标签。

上一段代码,讲解一下html的基本结构:

<!DOCTYPE html><html>  <head>     <title>Hello</title>  </head>  <body>    hello world  </body></html>

 一个HTML文件必须有<!DOCTYPE html>,其作用是告诉浏览器文件类型,以让它能正确解析,此处表示这是个html5文件。

又必须有<html></html>,html文件的内容都放在其中。

就想人有头,有身体,html文件也有头,身体。<head></head>里的内容是对html内容的描述,一般不会显示在网页中。如<title></title>是文件的标题,显示在浏览器窗口的上方。

<body></body>里的内容是html文件的主要内容。其中可以插入,文本,图片,链接等。

今天就说这么多。html文件是由一个一个标签组成的,所以,以后,我会介绍各种html标签的用法和属性。