前端第一课:初识前端

Posted sunboy910

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端第一课:初识前端相关的知识,希望对你有一定的参考价值。

建立一个网页项目需要建立一个文件夹,在文件夹里将CSS,js,html和图片分装在不同文件夹方便管理。

html由大量标签构成,标签有单标签和双标签,一个HTML由头部头部和主体构成,在头部内容一般为网页的基本信息,譬如标题,索引信息等,我们一般展示的部分在主体部分;下面便是基本格式;

<html>
  <head>
  </head>
  <body>
  </body>
</html>

 (注:为防止出现中文乱码,一般会选择在头部添加<meta charset="utf-8")>, 所有标签和代码部分必须用英文,否则会出错)

 HTML只是网页的内容,要让网页做的好看还需要给网页内容进行排版,这个时候便用到CSS,CSS可以快速方便的给网页进行排版,我们可以把CSS样式直接写在HTML的头部例如;

<head>
<style type="text/css">
  hr color: sienna;
  p margin-left: 20px;
  body background-image: url("images/back40.gif");
</style>
</head>
你可以使用 <style> 标签在文档头部定义内部样式表
也可以从外部引入CSS文件例如:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部,浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。
外部引入要注意绝对路径和相对路径:
绝对路径:指文件完整的目录地址
相对路径:是指文件相对于当前目录的地址
一般使用相对路径,因为使用绝对路径可能会导致如果网页不是在本机上打开文件不会显示,而相对路径不会出现这种情况。

以上是关于前端第一课:初识前端的主要内容,如果未能解决你的问题,请参考以下文章

java后端的前端第一课

零基础学HTML5和CSS3前端开发第一课

零基础学HTML5和CSS3前端开发第一课

HTML人生苦短, 快卷快卷 第一课 初识 HTML

初识webgl--我的webgl学习第一课

百度前端学院js课堂作业合集+分析