一起自学前端开发!

第一个网页---前端入门教程

来源:原创    更新时间:2017-07-21 19:32:27    编辑:编辑    浏览:1777

了解了前端需要学习的知识后就要开始正式学习了。

在学习众多知识之前,我们先尝试制作一个简单的网页。

 

一、制作网页

第一步:创建一个文件夹,给文件夹取名,文件夹的名字就是这个项目的名字。以后我们发布网站的时候,把这个文件夹发布到服务器就好了。

图片1.png 

第二步: 在文件夹中创建一个后缀为html的文件  

图片2.png 

第三步:通过编辑器(不是浏览器,可以是记事本)打开文件,并开始开始写内容。

<!DOCTYPE html>

<html>

<head> 

 <  charset="UTF-8"> 

 < >我的第一个网页</ >

</head>

<body>  

我很开心,我在“前端大学”微信公众号学前端。

</body>

</html>   

第四步:将修改后的文件保存,通过浏览器打开这个html文件。

在浏览器中显示的效果:


  111111111.jpg

二、结构讲解

1. 文档声明   

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<!DOCTYPE html> 声明是HTML5的声明方法。


2. <html>标签

这是一个html标签 ,由开始标签<html>和结束标签组成</html>。

<html>标签是最外层标签。 此元素可告知浏览器其自身是一个 HTML 文档。

<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。


3. 头部标签 

头部标签是<head>,<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题( )< >,可以包含脚本、样式、 以及其他更多的信息。

<head>标签里面的内容并不是展示给用户看的,是给浏览器看的。

 

4. 主体标签   

<body> 标签定义文档的主体,其中的内容是展示给用户看的。

<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。 




评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

相关内容

点击排行

随机新闻

评论排行榜